ECharts堆疊柱狀、折線圖後臺傳入數據顯示

效果圖:
在這裏插入圖片描述
最近在做一個數據統計的頁面,想要用echarts的堆疊圖表示學科和類型數量,但是echarts給出的實例是靜態數據,只能展示指定數量的類型。而我們從後臺接收的數據是變化的。
1.模擬後臺傳輸模擬數據
在這裏插入圖片描述
2.數據處理
將這些數據按照資源類型、學科放入不同的數組中。
在這裏插入圖片描述
將values值按照資源類型放入數組,var一個varSeries變量,作爲serises,在遍歷數據時,var一個變量,然後將其按照echarts的標準賦值。
在這裏插入圖片描述3.構建堆疊柱狀圖
在這裏插入圖片描述