gpt4 book ai didi

javascript - Highcharts 在 y 轴上自定义缩放 - 线性和对数的混合

转载 作者:行者123 更新时间:2023-11-30 17:36:54 28 4
gpt4 key购买 nike

我正在尝试在我的图表上使用对数刻度,如下所示:

但是,出站数据远低于入站数据。这在图表中没有正确显示,并且看起来实际上出站数据多于入站数据。

我想要一个线性刻度到 y 轴的最大值 (136) 和一些额外的偏移所以基本上高达 150 它应该显示线性刻度并且从那里到 600(显示最大容量标记)是对数的。 Highcharts 完全可以做到这一点吗?也许最好的功能是 tickPositioner http://api.highcharts.com/highcharts#yAxis.tickPositioner .

最终想要的结果应该是这样的:

最佳答案

嗯,这当然是一个困惑的解决方案,但您可以将两个图组合在一起:

enter image description here

fiddle here .

$(function () {
$('#containerBot').highcharts({
chart: {marginTop: 1},
title: {margin: 0, text: ''},
yAxis: {max: 100},
exporting: {enabled: false},
series: [{
name: 'One',
data: [70.0, 60.9, 90.5, 140.5, 180.2, 210.5, 205.2, 260.5, 230.3, 180.3, 130.9, 90.6]
}, {
name: 'Two',
data: [-0.2, 0.8, 50.7, 110.3, 170.0, 220.0, 240.8, 204.1, 200.1, 140.1, 80.6, 20.5]
}]
});
$('#containerTop').highcharts({
chart: {marginBottom: -1},
title: {text: 'My Chart'},
yAxis: {min: 100},
xAxis: {labels: {enabled: false}},
legend: {enabled: false},
exporting: {enabled: false},
credits: {enabled: false},
series: [{
name: 'One',
data: [70.0, 60.9, 90.5, 140.5, 180.2, 210.5, 205.2, 260.5, 230.3, 180.3, 130.9, 90.6]
}, {
name: 'Two',
data: [-0.2, 0.8, 50.7, 110.3, 170.0, 220.0, 240.8, 204.1, 200.1, 140.1, 80.6, 20.5]
}]
});
});

关于javascript - Highcharts 在 y 轴上自定义缩放 - 线性和对数的混合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21858341/

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