Question

您好我正在使用Highchart进行图表。它工作正常。我遇到了这个问题：

我将这些类别视为月份。当行开始（行/区域）时，它是月份的起点中心，而不是月份点的左侧，所以在10月份，行从中心开始，以及上个月以中心点结束，而不是以图的结尾。但是我的客户希望它在适当的月份开始和结束。我添加了jsfiddle供您参考：

感谢

Answer 1

查看How to get Highcharts X-Axis Categories starting at the left most point。

简而言之 - 当您设置xAxis.Categories时，xAxis变为＆＃39; string＆＃39;而不是数字＆＃39;。所以所有刻度设置（startOnTick，endOnTick ......）都不能使用它。好的技巧是覆盖xAxis.labels formatter：

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/

Answer 2

您需要将tickmarkPlacement选项更改为“on”。

 xAxis:[{
        categories:categories,
        title:{text:null},
        gridLineWidth: 1,
        verticalAlign:'top',
        lineWidth:0,
        offset:-400,
        minPadding:0,
        maxPadding:0,
        margin:[0,0,0,0],
        tickmarkPlacement:'on'
    }],

高亮图 - 不在左侧点开始的线或区域

2 个答案: