高图中心轴

时间:2014-10-14 02:03:37

标签: highcharts

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

enter image description here

然而,Highcharts会显示这样的轴(JSFiddle here):

enter image description 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中有中心轴的正确方法吗?

1 个答案:

答案 0 :(得分:3)

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

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