【已解决】如何设置echarts折线图的颜色？
- echarts
- 时间：2023-06-06 17:29
- 4589人已阅读
简介
1
🔔🔔好消息!好消息!🔔🔔
有需要的朋友👉:微信号
有时候，我们需要修改echarts折线图的颜色。默认是红色的，想要修改其他颜色怎么修改？
同样在series节点的lineStyle节点，中可以设置color颜色。
lineStyle: {
normal: {
color: '#3399FF',
type: 'solid',
width: 0 //去掉连接线
}
}
完整代码：
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line',
smooth: true, //开启平滑曲线
symbol: 'none', //去掉圆点
lineStyle: {
normal: {
color: '#E9EFF8',
type: 'solid',
}
},
}
]
};测试地址：https://echarts.apache.org/examples/zh/editor.html?c=line-simple