[英]Highcharts custom scaling on y axis - mix of linear and logarithmic
我正尝试在图表上使用对数刻度,如下所示:
但是,出站数据远低于入站数据。 这在图形中无法正确显示,并使其看起来实际上出站数据多于入站数据。
我想有一个线性标尺,最大到y轴的最大值(136),还有一些额外的问题,因此基本上最大为150,它应该显示线性标尺,然后从最大到600(显示最大容量标记)是对数的。 Highcharts完全有可能吗? 也许使用的最佳功能是tickPositioner http://api.highcharts.com/highcharts#yAxis.tickPositioner 。
最终所需的结果应该是这样的:
好吧,这当然是一个麻烦的解决方案,但是您可以将两个图形组合在一起:
在这里摆弄。
$(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]
}]
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.