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

Question

我在 Highcharts 中使用日期时间轴来显示一系列列，我希望数据点的日期直接显示在列下方，而不是像这个 fiddle 中看到的通用时间标记:http://jsfiddle.net/4s7t6jg6/2/

$(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