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

【问题标题】：Highcharts plot offset on line graph with categoriesHighcharts 在带有类别的折线图上绘制偏移量
【发布时间】：2012-11-14 23:07:01
【问题描述】：

我怎样才能有一个带有类别的折线图，但在类别标签之间绘制线条？有没有办法将绘图偏移到刻度宽度的开头？这是一个例子：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]        
    }]
});

});

【问题讨论】：

您希望您的线路从 0,0 点开始吗？ X和Y相交的地方？
是的，在这种情况下，第一个点是 0,0，所以我希望它从那里开始。如果第一个点是 0,1，那么我希望它在第一个刻度线的 Y 线上开始，如果这有意义的话。我希望它表现得好像没有类别一样。如果您取出类别定义，它自然会移动到轴上。

标签： highcharts

【解决方案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 时是不可能的。您将需要进行一些自定义编程。如果存在类别，它会以图表为中心。

【讨论】：

谢谢。我想这不是我想要的答案，但它是正确的:)
只是想知道，当您说我需要进行一些自定义编程时，您的想法是什么？

【解决方案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]        
    }]
});

});

【讨论】：