javascript - 如何标记一个月中的几天？

Question

在 HighCharts JS 中，如何在每个条形下标记该月的天数(即标记蓝色条形)，如下图所示(在下面的 JSFiddle 中显示)。目前，HighCharts 有时会跳过标签。我的客户希望将它们标记为连续/连续的数字。

HighCharts 的 JS Fiddle 在这里:http://jsfiddle.net/vecbtw7m/

HighCharts 的 JavaScript 代码:

$('#graphContainer2').highcharts({
    chart: { type: 'column' },
    title: { text: 'Monthly Page Views' },
    xAxis: {
        type: 'datetime',
        title: { text: 'Date' },
        min: new Date('2015/10/15').getTime(),
        max: new Date('2015/10/30').getTime(),
    },
    yAxis: {
        min: 0,
        title: { text: 'Page Views' }
    },
    series: [{
        name: 'Page Views',
        data: [
           [Date.UTC(2015,9,15), 27], [Date.UTC(2015,9,17), 54],
           [Date.UTC(2015,9,20), 42], [Date.UTC(2015,9,24), 13]
        ]
     }]
});

期望的结果(黄色)

Answer 1

您可以在xAxis中添加标签格式化程序功能:

xAxis: {
       type: 'datetime',
        title: { text: 'Date' },
        min: new Date('2015/10/15').getTime(),
        max: new Date('2015/10/30').getTime(),
        tickInterval: 24 * 3600 * 1000,
        labels:{
        formatter: function () {
                        return Highcharts.dateFormat('%d', this.value);
                }
}

}

更新jsFiddle