echarts折线图设置白色小圆圈
时间: 2023-11-23 17:58:15 浏览: 114
可以通过在Echarts的option中设置series中的symbol属性来设置折线图上的标记点形状,将其设置为圆形即可实现白色小圆圈的效果。同时,可以通过设置markPoint属性来设置标记点的样式和位置。
以下是一个示例代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
symbol: 'circle', // 设置标记点形状为圆形
markPoint: {
data: [{
type: 'max',
name: '最大值',
symbolSize: 18, // 设置标记点大小
itemStyle: {
color: 'white' // 设置标记点颜色为白色
}
}]
}
}],
grid: {
x: 50,
y: 35,
x2: 25,
y2: 25
},
textStyle: {
fontSize: 18,
color: 'white'
}
};
```
阅读全文