highcharts - Highcharts 在带有类别的折线图上绘制偏移量

Question

我怎样才能有一个带有类别的折线图，但在类别标签之间绘制线条？有没有办法将绘图偏移到刻度宽度的开头？这是一个示例： http: //jsfiddle.net/jMcfG/1/ 我希望这条线从 x 轴的原点开始，就像类别不存在时一样。

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        categories: ['0', '1', '2', '3', '4']
    },

    series: [{
        data: [0,3,2,5]        
    }]
});

});​</p>

Answer 1

您可以使用阈值属性将图表粘贴到底部。像这样：

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
        },
        plotOptions: {
        series: {
            threshold: 0
        },

    },
        xAxis: {
            categories: ['0', '1', '2', '3', '4'],
        },
        series: [{
            data: [0,3,2,5] 
        }]
    });
});​

http://jsfiddle.net/jMcfG/5/

对于 x 轴，使用 API 是不可能的。您将需要进行一些自定义编程。如果存在类别，它会以图表为中心。

Answer 2

我确实找到了另一种解决方案，即添加一个镜像第一个图的假想点，然后将 x 轴 min 设置为 1 以将其切掉，因此该图将穿过原点并且仅在正侧可见。 http://jsfiddle.net/jMcfG/7/

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        min: 1,
        categories: ['-13', '0', '1', '2', '3', '4']
    },
    yAxis: {
        min: 0,
        minPadding: 1
    },

    series: [{
        data: [-1,1,3,2,5]        
    }]
});

});​</p>