(本文档仅供参考)
问题描述:
折线图里,这个连接点有办法设置成下图样式吗,连接数据点有个白色的边框:
解决方案:
可通过扩展属性调整折线的数据标签位置,扩展属性如下:
option = { "series": [{ "symbol": 'circle', // 数据点形状为圆形,可根据需要更改 "symbolSize": 8, // 数据点大小 "itemStyle": { "normal": { "color": '#007bff', // 数据点填充颜色 "borderColor": '#FFFFFF', // 数据点边框颜色,这里设置为白色 "borderWidth": 2, // 数据点边框宽度 } } }, { "itemStyle": { "normal": { "color": '#007bff', // 数据点填充颜色 "borderColor": '#FFFFFF', // 数据点边框颜色,这里设置为白色 "borderWidth": 2, // 数据点边框宽度 } } }] }
**关键是设置好数据点边框颜色和宽度:
"borderColor": '#FFFFFF', // 数据点边框颜色,这里设置为白色
"borderWidth": 2, // 数据点边框宽度