Echarts問題及解決

關於Echarts踩坑記錄

對於Echarts，是百度開發的開源數據可視化庫，兼容大部分瀏覽器，最近一直在用它做數據可視化，感覺很好用，效果也比較理想，向大家推薦一下
官網地址: 走你.

在開發過程中難免出現一些小問題，在這裏總結一下，以便以後參考。

1.折線圖點與縱座標值對應不準確

問題如下圖

問題解決：

function getServerSeries() {
    console.log(vm.echartsSeries)
    var serie = [];
    if (vm.echartsSeries != null) {

        for (var i = 0; i < vm.echartsSeries.length; i++) {
            var item = {
                name: vm.echartsSeries[i].name,
                type: 'line',
                //stack:'總量',
                smooth:true,
                data: vm.echartsSeries[i].dataValue
            }
            serie.push(item);
        }
    }

    return serie;
}

將stack屬性去掉或者註釋，同時上方代碼爲series數據動態生成方法，結合vue框架向後臺請求數據並動態更新。