页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(此文档仅供参考)

...

问题一

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

Image Modified

...

解决方案

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

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


信息
iconfalse

{
"yAxis": [

//左y轴

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

//右y轴

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

Image Modified

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

信息
iconfalse
title扩展属性

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

Image Modified

...

问题二

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

...

解决方案

可以写扩展属性实现:

信息
iconfalse

{
"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