1. Hook hook是可以给函数组件中添加了state和副作用的机制，可以不编写class组件使用react提供的特性。 上一个简单的计算器例子: [crayon-673ee0d62175d281738483/] 在…

原文： Mobx React — Best Practices 在本文中，我将展示React与mobx结合使用的常见最佳实践。我将按规则介绍它们。因此，每当遇到特定问题时，都应遵循这些规则来尝试解决。 本文要求你对mob…

本系列博客作为我的数据可视化入门教程，本篇博客涉及如标题的研讨会的前5节课程的PPT课件，本人已将其整理成思维导图。 若图片不清晰可右键选择“在新标签页中打开图片”。 1_数据可视化简介_屈华民 2_视觉感知与视觉通道_…

前言 当前项目中需要对所有图表计算它们之间的相似性，我们通过计算两两图表间的欧式距离来衡量其相似性。然而直接使用图表的原始数据进行计算会导致即使图表相似性极高但因为数据范围差别过大而失败，这里我们考虑对原始数据进行处理，…

前言 目前的项目中后端组的小伙伴已经设计好了api，在我成功请求数据渲染的时候出现了一个很严重的问题，由于数据项过多使散点渲染太慢，这样不能一次性渲染出点就会导致我之前做的刷选功能无法实现。这里出现的问题是：当调用ech…

在打了近两周的酱油后在昨天终于想出了卡顿优化的解决方案，想看看有多卡可以参见这篇博客，就此项目中前端的技术难点几乎全部攻克。 解决方式： 原理很简单，在原来的dom节点上再定位一层echarts实例用于画线，画线的实现参…

在项目中需要实现一个移动一定像素采样一次的选择刷功能。本人采用Echarts官方提供的接口实现了这一功能，关于刷选过程的生成的参考线有以下两个版本。以下如有误漏，敬请指正。 拖动选择刷，生成一条拖动轨迹的参考线： 灵感来…

本篇博客是在上篇博客的基础上增加了新功能：显示地图数据并且可以使用选择刷刷选地图上的散点。 以下如有误漏，敬请指正。 存在问题：（“√”表示已解决） echarts事件（上篇博客填坑）（√） 选择刷被选择的重复数据项过多…

以下如有误漏，敬请指正。 用到的模块： vue-cli：使用vue官方提供的脚手架可以快速构建出一个单页应用； express：用其搭建一个可以处理ajax请求的模拟服务器以供测试； echarts：为提高效率，舍弃模板…