echarts折线图,两组数据,左右都显示刻度值,如何让两个数据的,平行x轴的线是同一条。两个max值是取得两个数组的最大值。如何让这两个max值成比例?

浪矢杂货店 发布于 2017/11/02 16:19
阅读 1K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

echarts折线图,两组数据,左右都显示刻度值,如何让两个数据的,平行x轴的线是同一条。两个max值是取得两个数组的最大值。如何让这两个max值成比例?

y轴的数据是取得两个数组的最大值 

yAxis:
                 [{
                    name: '会议数量',
                    type: 'value',
                    interval:5,
                    max: Math.max.apply(null, res.meettingNumber),
                    axisLine: {
                        show:false,
                     lineStyle: {
                            color: '#757575'
                         }
                    },
                    axisPointer:{
                        show:false
                    },
                    axisTick:{
                        show:false
                    },
                    boundaryGap: [0, '100%']
                },
                {
                    name: '会议时长(h)',
                    // nameLocation: 'end',
                    max: Math.max.apply(null, res.meettingDuration),
                    min:0,
                    type: 'value',
                    interval:10,
                    axisLabel: {
                        formatter: '{value} h'
                    },
                    // inverse: true,
                    axisLine: {
                        show:false,
                     lineStyle: {
                            color: '#757575'
                         }
                    },
                    axisPointer:{
                        show:false
                    },
                    axisTick:{
                        show:false
                    },
                    boundaryGap: [0, '100%'],
                    scale:'h'
                }],

加载中
0
剑心无痕
剑心无痕

上面interval : (Math.max.apply(null, res.meettingNumber) - 0) / 5

下面interval : (Math.max.apply(null, res.meettingDuration) - 0) / 5

这样应急,不过纵轴不是整数不太好看

浪矢杂货店
浪矢杂货店
代码: 效果: 已经解决了,segments为y轴显示的段数,取两个数组的最大值/段数*段数 = max(y轴方向上最大的显示值)
0
浪矢杂货店
浪矢杂货店

代码:

效果:

已经解决了,segments为y轴显示的段数,取两个数组的最大值/段数*段数 = max(y轴方向上最大的显示值)

 

返回顶部
顶部