echarts設置之stack參數


一個tab切換的各種圖表,但是獲取得到的數據是正確的,我自己分裝了一個函數,函數如下:

function setEcharts(box,obj){
var optionZhe = {
tooltip: {
trigger: 'axis',
backgroundColor:'#eee',
textStyle:{
fontSize:12,
color:'#000'
}
},
legend: {
data: keyArrItem
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: xPush
}
],
yAxis : [
{
type : 'value'
}
],
series: obj
};
box.setOption(optionZhe,true);
}

 

對series獲取值--

for(var i= 0 ;i<echartShow[key].length;i++){
for(var keyIn in echartShow[key][i]){
keyArrItem.push(keyIn);
obj= {};
obj={
name:keyIn,
type:'line',
stack:'總數',
data:echartShow[key][i][keyIn]
}
seriesObj.push(obj);
}
}


box--畫布的容器。 keyArrItem--我們的item。 xPush--是x軸的數據。 obj--也就是我們動態的series數組。
調用次函數是--
var afterChart = echarts.init(document.getElementById('after-height'));
afterChart.clear();
setEcharts(afterChart,seriesObj);
這是畫出來的圖,但是圖的趨勢卻是錯誤的。數據是正常的。

 

其中需要注意的有2點--
1.clear();函數,就是清空畫布的作用,
2,box.setOption(optionZhe,true);
3.注意stack---數據堆疊,同個類目軸上系列配置相同的stack值后,后一個系列的值會在前一個系列的值上相加。

ps:很重要這段
所以最后的解決方法是,,stack去掉,,或者stack給不同的值。。

————————————————
版權聲明:本文為CSDN博主「maybe28」的原創文章,遵循CC 4.0 by-sa版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/shu580231/article/details/79008166

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM