Skip to content

图例 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' }],
}

基于 MIT 许可发布