我已经被困在这个问题上一段时间了,尽管我做了很多尝试和研究,但我还没有找到解决方案。我正在用两个Y轴构建图表。一切都很好,除了highcharts计算的最大Y值总是比它应该的高得多。产生一个缩小的图形。我在这里重复了这个问题:http://jsfiddle.net/9vmtz3nf/
我不能硬编码任何最大值,因为它总是取决于来自DB的数据,并且可能存在非常宽的值范围。
那么基本上,我如何调整选项和参数,以确保图形最大值设置为最接近的刻度(在jsfiddle示例中为150/600)?
提前谢谢你
$(function () {
Highcharts.chart('container', {
chart: {
type: 'line'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: [{
title: {
text: 'Primary Axis'
},
}, {
title: {
text: 'Secondary Axis'
},
opposite: true
}],
plotOptions: {
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 124.0, 126.0, 135.6, 111.5, 116.4, 114.1, 95.6, 54.4]
}, {
data: [129.9, 271.5, 306.4, 29.2, 544.0, 376.0, 435.6, 348.5, 216.4, 294.1, 35.6, 354.4],
yAxis: 1
}]
});
});
这是图表试图找到公分母的结果。即使您硬编码max
值,图表也会以这种方式运行。
设置alignTicks
属性为false
将解决这个问题。
chart: {
alignTicks: false
}
操纵:- http://jsfiddle.net/jlbriggs/9vmtz3nf/2/
- http://api.highcharts.com/highcharts/chart.alignTicks