echarts折线图legend圆点怎么变成实心的
时间: 2023-08-12 11:02:13 浏览: 218
要将 Echarts 折线图的图例圆点变为实心的,您可以通过设置图例的 itemStyle 属性来实现。具体步骤如下:
1. 找到您的 Echarts 折线图的配置项(option)对象。
2. 在图例(legend)的 itemStyle 属性中,设置 color 属性为需要的颜色值,同时设置 borderWidth 和 borderColor 属性为 0,表示无边框。
3. 示例代码如下:
```javascript
option = {
// 其他配置项...
legend: {
data: ['数据1', '数据2', '数据3']
},
series: [
{
name: '数据1',
type: 'line',
data: [10, 20, 30, 40, 50]
},
{
name: '数据2',
type: 'line',
data: [50, 40, 30, 20, 10]
},
{
name: '数据3',
type: 'line',
data: [30, 10, 50, 20, 40]
}
],
legend: {
itemStyle: {
color: '#000', // 设置实心圆点的颜色
borderWidth: 0, // 设置无边框
borderColor: 'transparent' // 设置透明边框颜色
}
}
};
```
您可以根据需要调整 color 属性的颜色值,以及其他样式属性。然后将该配置项(option)应用到您的折线图中即可看到实心圆点的图例。
阅读全文