页面树结构
转至元数据结尾
转至元数据起始

(此文档仅供参考)

问题一

修改图形y轴起始值和间隔

解决方案

可以写扩展属性实现,有如下俩种方案:

方案一:针对双Y联合图y轴设置起始值时需要要加[]


{
"yAxis": [

//左y轴

{
"min": 10,
"interval": 100,//间隔步长
"max": 200
},

//右y轴

{
"min": 50,
"interval": 100,
"max": 300
}]
}

方案二:针对单Y图y轴设置起始值和间隔大小,效果如下

扩展属性

{
yAxis: { "type": "value",
"scale": true,
"max": 1.2,
"min": 0,
//"splitNumber": 5,
"boundaryGap": [0.2, 0.2] // 纵轴标尺设置间隔
}
}

问题二

联合图如何动态获取y轴最小值和最大值,并针对获取到的值为小数时实现取整

解决方案

可以写扩展属性实现:

{
"yAxis": [

//左y轴

{
type: 'value',

//获取最小值并实现向上取整
min: 'function(value){ return Math.floor(value.min); }',

//获取最大值并实现向下取整
max: 'function(value){ return Math.ceil(value.max); }',
formatter: '{c}'
},
//右y轴

{
type: 'value',
min: 'function(value){ return Math.floor(value.min); }',
max: 'function(value){ return Math.ceil(value.max); }'
}
]
}

效果如下图

  • 无标签