echarts折线图添加显示出来的黑色边框
时间: 2023-08-12 07:14:35 浏览: 89
Echarts实现的折线图
5星 · 资源好评率100%
如果想要在 ECharts 折线图中显示出来黑色边框,需要设置系列中的 itemStyle 属性。具体步骤如下:
1. 打开 ECharts 的 option,找到 series 属性。
2. 在 series 中找到对应的系列,比如折线图的 seriesType 为 'line'。
3. 在系列中添加 itemStyle 属性,设置 lineStyle 中的 width 和 color 属性,分别表示线的宽度和颜色。
以下是一个示例代码:
```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',
itemStyle: {
normal: {
lineStyle: {
color: 'black',
width: 2
}
}
}
}]
}
```
以上代码中,设置了折线的颜色为黑色,宽度为 2 像素,你可以根据自己的需要进行调整。
阅读全文