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

Question

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

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

http://jsfiddle.net/QmwaW/

谢谢

Answer 1

看看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/