echarts双坐标轴数据错乱问题

在实际开发过程中遇到一个问题，后台返回的数据是没有问题的，但是展示的时候图表数据对应不上
以下是错误的效果图

后来找到了原因，是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双坐标轴，实现刻度一致
遇到的问题:eCharts使用双y轴时,经常出现双线的情况需要实现单线实现方法:添加yAxis刻度的最小值和最大值及间隔即可 yAxis: [{type: 'value',// 左侧的第一个y轴 ...
ECharts图表坐标轴数据超出显示范围，以及坐标轴刻度标签显示不全解决方法
1.在使用ECharts图表时,比较常见到坐标轴数据超出显示范围的情况,如下解决办法:添加配置 2.坐标轴刻度标签显示不全就简单描述一下,比如你的数据横坐标有15个,但是默认不会显示全部解决方法 ...
echarts图表坐标轴数据标签添加下划线
说在前面
【echarts双y轴：左右轴数据分开设置最大值（解决刻度线不对齐】
echarts双y轴数值差距太大(解决刻度线不对齐) 关键代码: min: 0,//最小值 max: set_max(maxb),//最大值 interval: set_max(maxb) / 5, ...
Python 金融数据可视化（两列数据的提取//分别画//双坐标轴//双图//两种不同的图）...
import matplotlib as mpl import numpy as np import matplotlib.pyplot as pltnp.random.seed(2000) y = ...
python中pyecharts怎么设置坐标轴两边留白_《Python数据可视化之Matplotlib与Pyecharts》之双坐标轴图...
10.6.1 双坐标轴图及其参数配置双坐标轴图是一种组合图表,一般将两种不同类型图表组合在同一个"画布"上,如柱状图和折线图的组合:当然也可将类型相同而数据单位不同的图表组合在 ...
ECharts双y轴设置0刻度对齐，左右刻度根据数据变化？
一.ECharts双y轴设置0刻度对齐,左右刻度值根据数据变化? 双y轴因为左右的数值有正数有负数的原因,出现0刻度不在一条线上的情况,解决办法如下. 代码如下: //获取数据中的最大值 functi ...
echarts双Y轴（简单明了）
本文主要实现echarts双Y轴,并在此过程中解决: 实现echarts双Y轴 echarts双Y轴左右刻度线一致图例分布显示坐标轴刻度标签数值取整 X/Y轴名称的分布坐标轴刻度标签数值以某一值 ...
echarts双y轴实现（解决刻度线不对齐）
echarts双y轴实现(解决刻度线不对齐) 解决办法:让两个坐标轴共用一个最大值,可以刻度保持一致. (即:拿到两数中最大的值作为共同的最大值). (第一次的方法) var maxa = Math. ...

echarts双坐标轴数据错乱问题

echarts双坐标轴数据错乱问题相关推荐

最新文章

热门文章