highcharts - 即使数据发生变化,如何修复 y=0 轴的垂直位置(数据将为负数)
问题描述
在列高图中,每当我更改值时出现负值时,y = 0 轴向上或向下移动,但我想将 y = 0 轴的位置固定在中间并希望相应地增加列高
解决方案
您可以使用tickPositioner
函数创建轴的镜像,并在中间始终具有零值:
yAxis: {
tickPositioner: function() {
var defaultTicks = this.tickPositions,
isMorePositive = Math.abs(defaultTicks[0]) <
defaultTicks[defaultTicks.length - 1],
tickPositions = [];
defaultTicks.forEach(function(el) {
if (isMorePositive ? (el > 0) : (el < 0)) {
tickPositions.push(el);
tickPositions.push(-el);
} else if (el === 0) {
tickPositions.push(el);
}
});
return tickPositions.sort(function(a, b) {
return a - b
});
}
}
现场演示:http: //jsfiddle.net/BlackLabel/o97Lmdqa/
API 参考: https ://api.highcharts.com/highstock/yAxis.tickPositioner
推荐阅读
- python - 如何使用 Django 过滤小时数?
- java - Spring Jpa Pageable 使用 Java 流获取内容
- python - 加入列表的 2 个元素
- docker - 无法在集群模式下跨覆盖网络中的节点访问服务端口
- java - ViewPager2 在滑动时闪烁/重新加载
- sql - Hive:从一列的不同值中随机选择 N 个值
- c# - ASP.Net Core MVC 如何针对强类型模型发布未知数量的字段
- scala - java.lang.NoSuchMethodError: com.facebook.fb303.FacebookService$Client.sendBaseOneway(Ljava/lang/String;Lorg/apache/thrift/TBase;)V
- leaflet - L.GPX 不是构造函数
- node.js - NodeJS解密数据损坏原始数据