chdyiboke / weekly

issue and share weekly
5 stars 1 forks source link

echarts setOption后数据无效 #55

Open liukexina opened 3 years ago

liukexina commented 3 years ago

echarts首次setOption正常,再次setOption时,不会覆盖之前的数据,导致图表显示错误

liukexina commented 3 years ago

解决:

  1. myChart.setOption(chartOption,true); 第二个参数设置为true setOption方法:

    chart.setOption(option, notMerge, lazyUpdate);
    • option:图表的配置项和数据,具体见配置项手册。
    • notMerge:可选,是否不跟之前设置的 option 进行合并,默认为 false,即合并。
    • lazyUpdate:可选,在设置完 option 后是否不立即更新图表,默认为 false,即立即更新。
    • silent:可选,阻止调用 setOption 时抛出事件,默认为 false,即抛出事件。
  2. 每次setOption前执行myChart.clear() 该方法会清空当前实例,会移除实例中所有的组件和图表