Echarts使用dataset數據集管理數據


1、可以看官網api的入門例子

  使用常見的對象數組的格式

option = { legend: {}, tooltip: {}, dataset: { // 這里指定了維度名的順序,從而可以利用默認的維度到坐標軸的映射。 // 如果不指定 dimensions,也可以通過指定 series.encode 完成映射,參見后文。
        dimensions: ['product', '2015', '2016', '2017'], source: [ {product: 'Matcha Latte', '2015': 43.3, '2016': 85.8, '2017': 93.7}, {product: 'Milk Tea', '2015': 83.1, '2016': 73.4, '2017': 55.1}, {product: 'Cheese Cocoa', '2015': 86.4, '2016': 65.2, '2017': 82.5}, {product: 'Walnut Brownie', '2015': 72.4, '2016': 53.9, '2017': 39.1} ] }, xAxis: {type: 'category'}, yAxis: {}, series: [ {type: 'bar'}, {type: 'bar'}, {type: 'bar'} ] };

  第一個默認時x軸,后面是y軸

2、項目應用:

  數據格式:

  數據:

//5種不同維度
dimensions:[ ['snap_time','active','idle','total'], ['snap_time','commits','rollbacks','transactions'], ['snap_time','inserts','updates','deletes'], ['snap_time','fetched','returned'], ['snap_time','reads','hits'] ], //dataset數據
dataset:{ dimensions:this.lineDime, source:this.lineSeries//source取的全部數據
}, series: this.series //series數據
let _obj = { type:'line' } this.series.length = this.lineDime.length - 1
this.series.fill(_obj)

  效果:


免責聲明!

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



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