echarts多Y轴，Y轴颜色与对应折线颜色一致

最新推荐文章于 2025-02-20 10:30:59 发布

萌新安

最新推荐文章于 2025-02-20 10:30:59 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

文章标签： echarts

本文链接：https://blog.youkuaiyun.com/qq_39923578/article/details/89950445

博客给出了 ECharts 的配置代码，包含 x 轴、y 轴和系列的设置。x 轴为类别型，y 轴有两个值轴，设置了不同颜色和样式。系列中有两条折线，分别设置了数据和颜色，用于展示 ECharts 绘制折线图的配置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

option = {
xAxis: {
type: ‘category’,
data: [‘Mon’, ‘Tue’, ‘Wed’, ‘Thu’, ‘Fri’, ‘Sat’, ‘Sun’]
},
yAxis: [{
name:‘sss’,
type: ‘value’,
axisLine: {
lineStyle: {
type: ‘solid’,
color:’#1eb5e5’,
width:‘2’
}
}
},
{
name:‘aaa’,
type: ‘value’,
axisLine: {
lineStyle: {
type: ‘solid’,
color:’#FF6A6A’,
width:‘2’
}
}
}
],
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
color:’#1eb5e5’,
type: ‘line’
},
{
data: [600, 900, 800, 700, 120, 330, 320],
color:’#FF6A6A’,
type: ‘line’
}
]
};