高图中心轴

Question

我使用Highcharts绘制散点图，我想在图中心显示两个轴，如下所示：

然而，Highcharts会显示这样的轴（JSFiddle here）：

代码：

$(function () {
    $('#container').highcharts({
        title:{
            text:''
        },

        xAxis: {
            title: {
                text: "x"
            },
            gridLineWidth: 1,
            min: -5,
            max: 5,
            tickInterval: 1,
        },
        yAxis: {
            title: {
                text: "y"
            },
            min: -5,
            max: 5,
            tickInterval: 1,
            lineWidth: 1,
            title: {
                text: null
            }
        },

        legend: {
            enabled: false
        },

        series: [{
            type: "line",
             marker: {
                 enabled: false
             },

            data: [
                [-3, 3],
                [-2, 2],
                [-1, 1],
                [0, 0],
                [1, 1],
                [2, 2],
                [3, 3]

            ]
        }]

    });
});

Highcharts确实有一种方法可以像this example那样手动偏移轴，但这需要手动计算图表的大小并将轴偏移正确的像素数（换句话说 - 大规模的黑客攻击）

在Highcharts中有中心轴的正确方法吗？

Answer 1

您可以使用插件来实现这一目标。请参阅Crossing Specific Values。

演示：http://jsfiddle.net/highcharts/jsCJF/