Highcharts计算最大值不与2+ Y轴工作



我已经被困在这个问题上一段时间了,尽管我做了很多尝试和研究,但我还没有找到解决方案。我正在用两个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

相关内容

最新更新