echarts使用默认图标
时间: 2023-07-11 15:29:14 浏览: 132
要在 ECharts 中使用默认的图标,可以使用 `icon` 属性来指定图标的类型。以下是一些常用的图标及其对应的 `icon` 值:
- 图例:`'circle'`, `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`, `'none'`
- 标线:`'circle'`, `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`, `'none'`
- 标签:`'circle'`, `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`, `'none'`
- 刻度标签:`'circle'`, `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`, `'none'`
- 工具箱:`'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`, `'none'`
- 平移和缩放:`'circle'`, `'rect'`, `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`, `'none'`
可以通过以下方式设置图表元素的图标:
```javascript
option = {
legend: {
data: ['数据1', '数据2', '数据3'],
// 设置图例的图标类型为圆形
icon: 'circle',
},
series: [
{
name: '数据1',
type: 'line',
data: [10, 20, 30, 40],
// 设置标线的图标类型为三角形
markPoint: {
data: [
{type: 'max', name: '最大值', symbol: 'triangle'},
{type: 'min', name: '最小值', symbol: 'triangle'},
]
}
},
// ...
]
};
```
阅读全文