Question

我现在已经坚持了一段时间，尽管经过多次尝试和大量研究，我还没有找到解决方案。我正在构建两个Y轴的图表。一切正常，除了高图计算的最大Y值总是远高于应有的值。导致缩小图形。我在这里复制了这个问题：http://jsfiddle.net/9vmtz3nf/

我无法硬编码任何最大值，因为它总是取决于来自数据库的数据，并且可能存在很大的值。

基本上，我如何调整选项和参数以确保图形最大值设置为最接近的刻度（在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

        }]
    });
});

Answer 1

这是图表试图找到共同点的结果。即使你硬编码setFocusable(true); // make your panel focusable addKeyListener(this); // register the key listener值，图表也会这样。

将max属性设置为alignTicks将解决此问题。

false

小提琴：

http://jsfiddle.net/jlbriggs/9vmtz3nf/2/

参考：

http://api.highcharts.com/highcharts/chart.alignTicks

Highcharts计算的最大值不适用于2+ Y轴

1 个答案: