Highchart - 线条或区域不从左侧点开始

您好，我正在使用 Highchart 绘制图表。效果很好。我遇到了这个问题：

我将类别指定为月份。而线的起点（线/区域）是从月份的中心开始，而不是在月份点的左侧，因此在 10 月中，线从中心开始，以及上个月的结束于中心点，而不是结束于图表的末尾。但我的客户希望它以适当的月份开始和结束。我添加了 jsfiddle 供您参考：

http://jsfiddle.net/QmwaW/ http://jsfiddle.net/QmwaW/

thanks

看一下如何获取从最左边点开始的 Highcharts X 轴类别 https://stackoverflow.com/questions/10087294/how-to-get-highcharts-x-axis-categories-starting-at-the-left-most-point.

简而言之 - 当您设置 xAxis.Categories 时，xAxis 变为“字符串”而不是“数字”。因此所有刻度设置（startOnTick、endOnTick...）都不适用于它。好技巧是覆盖 xAxis.labels 格式化程序：

var xCategories = ['1990','1991','1992','1993','1994','1995','1996','1997','1998'];

    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
        },
        xAxis: {
            labels: {
                formatter: function() {
                    return xCategories[this.value];
                }
            },

            startOnTick: false,
            endOnTick: false,
            minPadding: 0,
            maxPadding: 0,

            gridLineWidth: 1
        },
        series: [{
            data: [2000,9001,1337,100,1000,4444,8888,1844,6780]
        }]
    });

参见示例：http://jsfiddle.net/vnJLG/ http://jsfiddle.net/vnJLG/