主题
图例 legend
图例是图表中对内容区元素的注释、用不同形状、颜色、文字等来标示不同数据列,通过点击对应数据列的标记,可以显示或隐藏该数据列。
示例
js
option = {
legend: {
type: 'scroll', // 默认:plain
// 位置
right: 0,
bottom: 0,
// 图例列表的布局朝向
orient: 'vertical',
// 样式
backgroundColor: 'pink',
// 图标样式
icon: 'circle',
},
dataset: {
source: [
['product', '2015', '2016', '2017'],
['Matcha Latte', 43.3, 85.8, 93.7],
['Milk Tea', 83.1, 73.4, 55.1],
['Cheese Cocoa', 86.4, 65.2, 82.5],
['Walnut Brownie', 72.4, 53.9, 39.1],
],
},
xAxis: { type: 'category' },
yAxis: {},
series: [{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }],
}