echars 柱状图分析

对象数组的输入格式

import * as echarts from 'echarts';

var app = {};

var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;

option = {
legend: {},
tooltip: {},
dataset: {

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: {},
// Declare several bar series, each will be mapped
// to a column of dataset.source by default.
series: [{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }]
};

option && myChart.setOption(option);