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 );
}
情景三
若最大最小值不固定,而數據類型也不一致。
總結
以上是生活随笔為你收集整理的echarts 刻度 双y轴_ECharts 解决双Y轴刻度不一致问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 数组最大可以开多大_每日算法系列【Lee
- 下一篇: 信用等级c是什么意思