echarts 圆点图例
时间: 2023-08-14 13:11:27 浏览: 149
ECharts(百度开源的可视化库)提供了多种图表类型,包括圆点图(scatter)。要在圆点图中添加图例,可以使用ECharts的legend组件。
首先,在ECharts的配置项中,设置legend的相关属性,例如:
```javascript
option = {
// 其他配置项...
legend: {
data: ['数据系列1', '数据系列2', '数据系列3'],
// 可以根据需要设置位置、样式等其他属性
},
series: [
{
name: '数据系列1',
type: 'scatter',
data: [
[10, 20],
[30, 40],
// 其他数据点...
]
},
{
name: '数据系列2',
type: 'scatter',
data: [
[50, 60],
[70, 80],
// 其他数据点...
]
},
// 其他系列...
]
};
```
上述代码中,legend组件的`data`属性指定了图例的文本,这里有三个数据系列('数据系列1'、'数据系列2'、'数据系列3'),你可以根据实际情况进行修改。然后,在`series`数组中,每个系列的`name`属性也要与对应的图例文本一致。
这样配置后,ECharts会自动在图表中显示图例,并且将每个数据系列的圆点与图例进行关联。你可以根据需要对图例的样式、位置等进行进一步的自定义配置。
阅读全文