ECharts 折线打点

代码参考网址:http://gallery.echartsjs.com/editor.html?c=xHkc5AfuRM&comment=0
上面这个是原来作者写的,我感觉写的还可以,然后我自己借鉴了他的来做了修改,效果图如下:

ECharts 折线打点_第1张图片
折线打点.gif

代码如下:末尾处我会贴出GitHub地址




    
    
    
    Hello APP
    
    


有些地方我还是想说明下
filterVlues:是我自己定义的参数,最后得到的filterVlues值是过滤后的。
myChart.on('click', function (param):是设置你点击的哪个,param里面含有你当前点击的各种值。
option.series[0].markLine.data = dataSource:这里我是获取第0个,也就是上图里面的黄色,如果你想设置第一个那么你把0->1这样一改就行了。
markLine:这个参数要在series[....]里面设置,如果你不这样设置那么就会报错,找不到markLine这样的错误。

gitHub:https://github.com/caocao123/earchStudy03

你可能感兴趣的:(ECharts 折线打点)