echarts 刻度 双y轴_ECharts 解决双Y轴刻度不一致问题

若最大最小值固定,直接初始化设置option的yAxis的min和max属性值即可;

假设已知固定最大最小值为0和1。

var option =

{

...

yAxis:[

{

name: "",

min: 0,

max: 1,

},

{

name: "",

min: 0,

max: 1,

}],

...

};

情景二

若最大最小值不固定,而数据类型一致,即:双Y轴对应数据的数量级一致。添加一个JS处理函数即可。

function set_data( arr_data )

{

var y_min = option.yAxis[0].min;

var y_max = option.yAxis[0].max;

for( var n = 0; n < arr_data.length; n++ )

{

if( arr_data[ n ] > y_max )

y_max = arr_data[ n ];

else if( arr_data[ n ] < y_min )

y_min = arr_data[ n ];

}

y_max = Math.ceil( y_max / 10 ) * 10;

y_min = Math.floor( y_min / 10 ) * 10;

option.yAxis[0].min = y_min;

option.yAxis[0].max = y_max;

option.yAxis[1].min = y_min;

option.yAxis[1].max = y_max;

myChart.setOption( option );

}

情景三

若最大最小值不固定,而数据类型也不一致。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值