gpt4 book ai didi

jquery - Highcharts - 设置 yAxis 的最大范围,但保持轴在该范围内动态

转载 作者:行者123 更新时间:2023-12-03 22:26:27 25 4
gpt4 key购买 nike

首先,对帖子标题表示歉意,但我无法想出一个更好的标题来描述我的问题。

在 highcharts 中是否有一种方法可以将 yAxis 的最大值设置为 1000(即通过 max: 1000 ),但如果最大值低于设置的最大值,则保持其动态?举个例子,假设我们有两个数据集。

第一个范围在 0 到 1500 之间。这里不应显示任何大于 1000 的数据。设置yAxis: { max: 1000 }就可以了。

现在我们用范围在 0 到 48 之间的第二个数据集更新数据系列。现在 max: 1000使线几乎紧贴 x 轴。所以这里最好让 Highcharts 动态调整 yAxis 的范围为 0-50。

这是一个说明问题的 fiddle :http://jsfiddle.net/PanicJ/s7fZu/1/

附注刚刚注意到 minRange Highcharts 中的设置。现在,为什么没有 maxRange相等的?或者有吗?

最佳答案

似乎没有 maxRange 等效项(功能请求,Torstein?),因此必须在调用 Highcharts 之前确定轴最大值。根据 Sanath 的建议,解决方案如下:

$(function () {
var setA = [29.9, 11.5, 36.4, 19.2, 4.0, 46.0, 48.2, 15.2, 16.4, 4.1, 5.6, 44.4];
var setB = [129.2, 144.0, 176.0, 135.6, 248.5, 316.4, 694.1, 795.6, 954.4, 1029.9, 1171.5, 1506.4];
var data = Math.random() < 0.5 ? setA : setB;
var height=Math.max.apply(Math, data);
if(height > 1000){ height = 1000; }

$('#container').highcharts({
chart: {
marginRight: 80 // like left
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: [{
lineWidth: 1,
max: height,
min: 0,
title: { text: 'yAxis' }
}],
series: [{
data: data
}]
});
});

作为工作示例:http://jsfiddle.net/PanicJ/H2pyC/8/

关于jquery - Highcharts - 设置 yAxis 的最大范围,但保持轴在该范围内动态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17287920/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com