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)
效果: