配置项如下
option = {
legend: {},
tooltip: {},
dataset: {
source: [
['product', '2012', '2013', '2014', '2015', '2016', '2017'],
['Milk Tea', 86.5, 92.1, 85.7, 83.1, 73.4, 55.1],
['Matcha Latte', 41.1, 30.4, 65.1, 53.3, 83.8, 98.7],
['Cheese Cocoa', 24.1, 67.2, 79.5, 86.4, 65.2, 82.5],
['Walnut Brownie', 55.2, 67.1, 69.2, 72.4, 53.9, 39.1]
]
},
yAxis: {
type: 'category',
boundaryGap: true
},
xAxis: {
type: 'value'
},
series: [
{
type: 'bar',
stack: '产品',
seriesLayoutBy: 'column',
label: {
show: true,
position: 'inside'
},
encode: {
y: 'product',
x: '2012',
itemName: 'product',
value: '2012'
}
},
{
type: 'bar',
stack: '产品',
seriesLayoutBy: 'column',
label: {
show: true,
position: 'inside'
},
encode: {
y: 'product',
x: '2012',
itemName: 'product',
value: '2013'
}
},
{
type: 'bar',
stack: '产品',
seriesLayoutBy: 'column',
label: {
show: true,
position: 'inside'
},
encode: {
y: 'product',
x: '2012',
itemName: 'product',
value: '2014'
}
},
{
type: 'bar',
stack: '产品',
seriesLayoutBy: 'column',
label: {
show: true,
position: 'inside'
},
encode: {
y: 'product',
x: '2012',
itemName: 'product',
value: '2015'
}
}
]
};