echart k线图转 line 图, 多余MA 曲线保留的问题

echart k线图转 line 图, 多余MA 曲线保留的问题_html

echart k线图转 line 图, 多余MA 曲线保留的问题_html_02

问题描述:

如上图这个例子,我定义了两个 完全不同的 Option ​​optionK​​​ 和 ​​optionLine​​,这两个选项的区别如下:

  • optionK 除了主k线外,另外在 series 定义了额外的4个 MA 曲线
  • optionLine 就一条主 Line 曲线

从 ​​optionK​​​ 切换到 ​​optionLine​​ 的时候,会残留额外的4个曲线

解决办法

原因是 ​​echart​​​ 在 ​​setOption()​​​ 切换图表的时候,默认是会合并所有的图表数据的。
也就是说,从 ​​​optionK​​​ 的5条曲线切到 ​​optionLine​​​ 的1条曲线时,主曲线被替换成了 ​​optionLine​​ 的主曲线,但其它4条MA曲线就被合并到了新的图表中。

官方文档如下:

​https://www.echartsjs.com/api.html#echartsInstance.setOption​

echart k线图转 line 图, 多余MA 曲线保留的问题_表数据_03