echart遇到的问题

vue + echarts遇到的问题

• 问题一：前一次的数据没有清空

• 解决方案
  mychart.setOption(optinon,true)

• 问题二：折线图两条线的数据差距很大，显示的时候却重叠
  图示：
  

• 解决方案

series: [
        {
            name:'邮件营销',
            type:'line',
            stack: '总量',
            data:[120, 132, 101, 134, 90, 230, 210]
        },
        {
            name:'联盟广告',
            type:'line',
            stack: '总量',
            data:[220, 182, 191, 234, 290, 330, 310]
        }    ]

不要设置stack一致，或者不设置stack

-问题三：图例宽高不正确
代码如下

<chart id="test" :option="option" v-show="option.legend.data.length " :height="height"></chart>

-解决方案
v-show会导致宽高取不到，使用v-if可以完美解决这个问题

-问题四：echarts多次画图之后，在饼图里出现了折线图

-解决方案
在init方法前，添加如下代码：

var myChart = null;

if (myChart && myChart.dispose) { 
myChart.dispose(); 
}
myChart = echarts.init(document.getElementById("main"));

后续遇到问题再补充