echarts中的legend属性
时间: 2023-07-28 16:59:08 浏览: 112
winfrom自带的chart控件增加legend选中选项
5星 · 资源好评率100%
在 ECharts 中,`legend` 是一个组件,用于展示图表中各个系列的名称和样式。可以通过 `legend` 组件的属性来配置其样式、位置和内容等。
下面是 `legend` 组件的一些常用属性:
- `data`: 数组类型,用于指定要显示的系列名称。例如:`data: ['系列1', '系列2', '系列3']`
- `type`: 字符串类型,用于指定图例的类型。默认为 `plain`,表示普通图例;还可以设置为 `scroll`,表示可滚动图例。例如:`type: 'plain'`
- `orient`: 字符串类型,用于指定图例的排列方向。默认为 `horizontal`,表示水平排列;还可以设置为 `vertical`,表示垂直排列。例如:`orient: 'horizontal'`
- `left`、`right`、`top`、`bottom`: 字符串类型,用于指定图例组件的位置。例如:`left: 'center', top: 'bottom'`
- `selectedMode`: 字符串类型,用于指定图例的选中模式。默认为 `'multiple'`,表示允许多个系列被选中;还可以设置为 `'single'`,表示只允许一个系列被选中;或者设置为 `'none'`,表示不允许选中。例如:`selectedMode: 'multiple'`
- `backgroundColor`: 字符串类型,用于指定图例组件的背景色。例如:`backgroundColor: '#eee'`
- `borderColor`、`borderWidth`: 字符串类型,用于指定图例组件的边框颜色和宽度。例如:`borderColor: '#999', borderWidth: 1`
- `textStyle`: 对象类型,用于指定图例文本的样式。例如:`textStyle: { color: '#333', fontSize: 14 }`
以上是 `legend` 组件的一些常用属性,可以根据需要进行配置。
阅读全文