option = {
xAxis: {
type: 'category',
boundaryGap: false,
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [9, 9, 13, 13, 13, 13, 13],
type: 'line',
stack: 'Total',
step: 'start',
areaStyle: {}
},
{
data: [18, 18, 18, 18, 18, 18, 12],
type: 'line',
stack: 'Total',
step: 'start',
areaStyle: {}
},
{
data: [5, 5, 5, 5, 5, 5, 5],
type: 'line',
stack: 'Total',
step: 'start',
areaStyle: {}
}
]
};
echarts 堆疊面積階梯圖
相關文章
- 【matplotlib 實戰】--堆疊面積圖
- Echarts資料視覺化:圖表篇(2)—— 折線圖、堆疊面積折線圖Echarts視覺化
- 堆疊圖
- 第四篇:R語言資料視覺化之折線圖、堆積圖、堆積面積圖R語言視覺化
- 圖的深度優先遍歷[非堆疊、堆疊實現]
- 圖的深度優先遍歷(堆疊實現和非堆疊實現)
- d3.js 入門學習記錄(九) 用佈局實現餅圖 堆疊面積圖 矩陣樹圖 思維樹圖 封閉圖JS矩陣
- JS 堆疊JS
- java堆疊Java
- 平衡堆疊
- Excel史上最好看的堆積柱形圖Excel
- 記憶體堆疊記憶體
- 堆疊的工作原理
- C#堆疊(Stack)C#
- 【matplotlib 實戰】--面積圖
- Java之String和StringBuffer堆疊圖分析Java
- 堆疊、佇列、樹、圖、搜尋 基礎知識佇列
- C#中堆和堆疊的區別C#
- [golang]如何看懂呼叫堆疊Golang
- 華為裝置堆疊原理
- Thrift的網路堆疊
- C++堆疊詳解C++
- 泛型鏈式堆疊泛型
- 第六講 堆疊操作
- 益智補劑:Stamets堆疊
- SPSS統計作圖教程:百分條圖/堆積條圖SPSS
- 資料視覺化:圖表篇(1)—— 基本柱狀圖、堆疊柱狀圖視覺化
- junkman 遠端堆疊監控
- 什麼是網路堆疊?
- Java 堆疊記憶體分配Java記憶體
- iOS crash 日誌堆疊解析iOS
- (js佇列,堆疊) (FIFO,LIFO)JS佇列
- z-index堆疊規則Index
- StackOverflowError堆疊溢位錯誤Error
- 基於Echarts的百度地圖疊加arcgis server的WMS圖層服務Echarts地圖Server
- cad面積快捷鍵命令 cad測量不規則圖形面積
- python資料視覺化-matplotlib入門(5)-餅圖和堆疊圖Python視覺化
- JS 資料型別和堆疊JS資料型別