高图表在带有类别的折线图上绘制偏移量

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]        
    }]
});

}）;

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 轴最小值设置为 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]        
    }]
});

}）;