(此文档仅供参考)
...
问题一
修改图形y轴起始值和间隔
Image Modified
...
解决方案
可以写扩展属性实现,有如下俩种方案:
方案一:针对双Y联合图y轴设置起始值时需要要加[]
信息 |
---|
|
{ "yAxis": [ //左y轴 { "min": 10, "interval": 100,//间隔步长 "max": 200 }, //右y轴 { "min": 50, "interval": 100, "max": 300 }] } |
Image Modified
方案二:针对单Y图y轴设置起始值和间隔大小,效果如下
信息 |
---|
|
{ yAxis: { "type": "value", "scale": true, "max": 1.2, "min": 0, //"splitNumber": 5, "boundaryGap": [0.2, 0.2] // 纵轴标尺设置间隔 } } |
Image Modified
...
问题二
联合图如何动态获取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); }' } ] } |
效果如下图
Image Modified