使用echarts踩过的一些坑

最近项目开发很多用到echarts，简单列几个踩过的坑

1.动态渲染图表时，需要一个初始化的图表，还有一个更改条件查询后的图表，注意用状态判断，vue可以用watch监听数据源的变化

2.动态渲染图表，数据格式很重要！很重要！ 后台返回的数据格式最好保持与静态渲染时的一致，否则无法渲染。legend图例的data数量要和数据源series数量对应才能正确展示

3.图表要保持与原型图一致需要修改大量的属性，官网图表实例没有太详细介绍，需要自己慢慢百度

4.图表数据源是不确定的时候，比如折线图第一次查询出五条折线，第二次查询出四条，数据源都是正确的，但是显示还是五条，这个需要实例化的时候---图表名.setOption(option,notMerge, lazyUpdate)时第二个参数设为true      option为图表属性； notMerge默认与之前option合并初始值为false；lazyUpdate 设置完option后是否不立即更新图表 默认false立即更新

5.页面缩放时，图表自适应问题设置 window.addEventListener("resize", ()=>{ 图表名.resize() })