使用Echarts遇到的问题及解决技巧（持续不定时更新）

1、要画一个散点图，但是要有标记线怎么办？

        如果是常见的标记线，比如直线，官方文档有示例，直接抄就行。

        如果是复杂的标记线，比如数学函数图像。笔者就遇到过要画正弦函数的需求。

        解决办法：可以单独开一个图层，如下：

       

series接收一个数组，Echarts会将每一项单独放在一个图层渲染，图层之间相互不影响。如果你用的是svg渲染，在控制台查看dom结构就会看到变化。

所以，只要多开一个配置项，就能随意画任何图形而不影响正常内容，如果标记线需要单独的坐标轴，则只需要在xAxis、yAxis里配置即可，接受的也是数组，跟series有对应关系（series第几项就用xAxis、yAxis第几项的坐标配置，好像还可以指定，没用过）；

2、异步数据

比如点击按钮发送请求，等请求回来再渲染或者更新数据，如果调用一次渲染函数，效果会有，但是会报错，不能重复渲染之类的。

可以这样：

将实例返回出去，用一个变量接收，下一次要重新渲染的时候，只需调用这个实例的api改变数据（无需关心数据变化，Echarts会自动处理，不过还是建议数据量特别大的时候处理下，比如散点图重叠的点可以先去重）：

调用实例里的方法setOptions改变数据，这个不止可以改series，其它的比如x轴、Y轴的配置也可以，跟上图里option的格式一样。要注意的是，创建实例时的series数组有多少项，那么setOptions时也要对应有多少个项，哪怕设置空对象

————摸鱼结束~继续打工  有空再写

3、对数轴

有时需要对不同区域的数据作不同的详略显示，就会用到对数轴，一般是Y轴。

数据还是正常给，Echarts会自动将数据放在合适的地方

yAxis里设置type为log就好，给的数据要在min ~ max范围内，否则超出看不到。注意min的值不可<= 0，因为log0无意义，一般来说Echarts会自动按照你数据里值设置刻度的，如果实在要显示0-1，或者小于0的值，可以预先处理这些值，将其转化为0-10的值先显示出来，然后在鼠标移上去时再显示实际值。

效果：