Question

我有一个小提琴http://jsfiddle.net/adaykin/QKw77/，它使用xAxis的日期时间类型。如您所见，行中的数据点和标签位于刻度线上，而不是它们之间。如何更改数据点和标签，使它们在刻度线中居中？

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {        
        type: 'datetime',
        labels: {
            format: "{value:%Y-%m-%d}",

        },
        tickmarkPlacement: 'between'
    },
    yAxis: {

    },


    series: [
    {
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6],
        pointStart: Date.UTC(2014, 1, 3),
        pointInterval: 24 * 3600 * 1000 * 7 // one day
    },
    {
        data: [50.0, 50.0, 50.0, 50.0, 50.0, 50.0, 50.0],
        pointStart: Date.UTC(2014, 1, 3),
        pointInterval: 24 * 3600 * 1000 * 7
    }
    ]
});

当xAxis未使用日期时间类型时，数据点和标签在刻度线之间居中。

Answer 1

您可以使用startOfWeek

xAxis: {       
    startOfWeek: 5,
    type: 'datetime',
    labels: {
        format: "{value:%Y-%m-%d}",

    },
},

http://jsfiddle.net/QKw77/2/

是否可以在日期时间xAxis for Highcharts中将标签和数据点居中？

1 个答案: