Echarts是一個優秀的可視化圖表庫,它采用了json數據格式來顯示各種圖表。下面我們來看一下Echarts里的json數據格式。
{ "title": { "text": "這是一個標題" }, "xAxis": { "type": "category", "data": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"] }, "yAxis": { "type": "value" }, "series": [{ "name": "銷量", "type": "bar", "data": [120, 200, 150, 80, 70, 110, 130] }] }
上面的代碼是一個簡單的柱狀圖的json數據格式展示。下面對它的各個部分進行解析。
- title:是圖表的標題,其中text屬性是標題內容。
- xAxis:是圖表的x軸,其中type屬性是軸的類型(可以是category、value、time等),data屬性是橫坐標的數據。
- yAxis:是圖表的y軸,跟xAxis類似,type屬性是軸的類型。
- series:是圖表的數據系列,可以有多個,其中name是系列的名稱,type是圖表的類型(可以是line、bar、scatter等),data是這個系列中的數據。
在實際應用中,我們可以根據具體需求來修改json數據格式,從而實現各種圖表的效果。
上一篇vue elemefe
下一篇vue刷題vlog