gpt4 book ai didi

javascript - 防止面积图 Y 轴从零开始

转载 作者:行者123 更新时间:2023-11-30 16:30:20 30 4
gpt4 key购买 nike

Y 轴不从零开始而是从接近 HighCharts/HighStock 中最低 Y 轴数据点的值开始的配置是什么?

这是图表的演示,它具有非常大的 Y 轴数据值,而最小 Y 轴绘图点为零:http://jsfiddle.net/ubnjjups/

以及演示中使用的示例配置:

{
series: [{
type: 'area',
data: [
[1375660800000, 106861],
[1375747200000, 107397],
[1375833600000, 108674],
[1375920000000, 108792],
[1376006400000, 110504],
[1376265600000, 110658],
[1376352000000, 110792]
]
}],
}

最佳答案

这里的问题是您使用的“区域”类型根据定义需要显示从 0 到点的区域。如果你切换到说“spline”,它会自动执行你想要的操作。

$(function () {
$('#container').highcharts('StockChart', {
series: [{
type: 'spline',
data: [[1375660800000, 106861],[1375747200000, 107397],[1375833600000, 108674],[1375920000000, 108792],[1376006400000, 110504],[1376265600000, 110658],[1376352000000, 110792],[1376438400000, 111095],[1376524800000, 112334],[1376611200000, 112775],[1376870400000, 113051],[1376956800000, 113426],[1377043200000, 113516]]
}],
});

});

更新:

如果你想继续使用面积图(所以你已经填充了下面的面积),我建议你在你的 yAxis 上使用 min。我在这里更改了您的代码

$(function () {
$('#container').highcharts('StockChart', {
series: [{
type: 'area',
data: [[1375660800000, 106861],[1375747200000, 107397],[1375833600000, 108674],[1375920000000, 108792],[1376006400000, 110504],[1376265600000, 110658],[1376352000000, 110792],[1376438400000, 111095],[1376524800000, 112334],[1376611200000, 112775],[1376870400000, 113051],[1376956800000, 113426],[1377043200000, 113516]]
}],
yAxis:{
min: 105000
}
});
});

当你从服务器取回你的数据并计算你的最小值点时,可以提前计算出min的值。希望这会有所帮助。

关于javascript - 防止面积图 Y 轴从零开始,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33418022/

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