echarts双坐标轴数据错乱问题

您所在的位置：网站首页 › 折线图双线对比数据不准确 › echarts双坐标轴数据错乱问题

echarts双坐标轴数据错乱问题

2024-07-16 11:26| 来源: 网络整理| 查看: 265

在实际开发过程中遇到一个问题，后台返回的数据是没有问题的，但是展示的时候图表数据对应不上以下是错误的效果图在这里插入图片描述后来找到了原因，是series 数据中yAxisIndex 没有对应上导致的 echart 是这样介绍的这个解释个人感觉不太明了，查了其他资料找到了解释 yAxisIndex默认值为0，不填或者为零均表示第一个Y轴，1代表第二个Y轴更改代码

series: [ { name:'完成量', type:'bar', yAxisIndex: 0,//对应左侧Y轴 data:lineNamey1, barWidth : 30,//柱图宽度 itemStyle:{ normal:{color:'#03c6f3'} } }, { name:'完成率', type:'line', yAxisIndex: 1,//对应右侧Y轴 itemStyle: { normal: {color:'#CD5C5C'} }, data:lineNamey2 // data: ["0", "0", "0", "0", "0", "20", "20", "20", "20", null, null] } ]

最终效果如下：在这里插入图片描述

【本文地址】

echarts双坐标轴数据错乱问题

echarts双坐标轴数据错乱问题

今日新闻

推荐新闻