如何在 Highcharts 中显示日期时间轴的所有数据标签

Question

我在 Highcharts 中使用 Datetime 轴来显示一系列列，我希望数据点的日期直接显示在列的下方，而不是像这个小提琴中看到的通用时间标记：@987654321 @

$(function () {
$('#container').highcharts(

    {"chart":{"type":"column"},"xAxis":{
        "dateTimeLabelFormats":{"month":"%m/%e"},
        "type":"datetime"
    },      

     "series":[{"data":[{"x":1406332800000.0,"y":358.0},

{"x":1408838400000.0,"y":417.0},{"x":1411344000000.0,"y":358.0},{"x":1416355200000.0,"y":323.0},{"x":1418860800000.0,"y":408.0},{"x":1421366400000.0,"y":280.0},{"x":1423872000000.0,"y":305.0},{"x":1426377600000.0,"y":314.0},{"x":1428883200000.0,"y":331.0},{"x":1431388800000.0,"y":412.0},{"x":1433894400000.0,"y":279.0}]}]}

    );
});

更具体地说，以防我描述得不好，而不是像现在这样将 xAxis 读取为“09/1、11/1、01/1 等”，我更希望它读取为“07/ 26、08/24、09/22 等”。

Answer 1

您可以为此使用tickPostions 属性。

将您的时间戳作为属性值数组提供，它会在每个戳上画一个刻度。

例子：

• http://jsfiddle.net/jlbriggs/4s7t6jg6/3/

参考：

• http://api.highcharts.com/highcharts#xAxis.tickPositions