Question

尝试从1895年开始获取临时数据并向上显示在highcharts上。问题是xAxis不正确。如何才能正确显示（每年增加到右侧）？

$('.cchighchart').highcharts({
chart: {
    zoomType: 'xy'
},
title: {
    text: null
},
xAxis: {
    type: 'datetime'
},
yAxis: [{
    title: {
        text: 'Average Temperature (F)'
    }
}],
series: [{
    name: 'Average Temperature',
    width: 3,
    zIndex: 1,
    yAxis: 0,
    data: [
        ["1895", 42.441666666667],
        ["1896", 44.875],
        ["1897", 44.033333333333],
        ["1898", 42.716666666667],
        ["1899", 43.183333333333],
        ["1900", 45.408333333333],
        ["1901", 45.116666666667]
    ]
}]
});

http://jsfiddle.net/deadpickle/ZAqzj/

Answer 1

对于datetime，您需要x轴数据处于unix纪元时间。这可以通过这样简单地完成：

    data: [
        [Date.UTC(1895, 0, 1), 42.441666666667],
        [Date.UTC(1896, 0, 1), 44.875],
        [Date.UTC(1897, 0, 1), 44.033333333333],
        [Date.UTC(1898, 0, 1), 42.716666666667],
        [Date.UTC(1899, 0, 1), 43.183333333333],
        [Date.UTC(1900, 0, 1), 45.408333333333],
        [Date.UTC(1901, 0, 1), 45.116666666667]
    ]

请参阅here

或者，如果你真的不需要这个datetime轴（如果所有数据都是一年一次，你真的不是），你可以删除{{ 1}}来自你的type并将你的年数改为数字（而不是字符串），它会很好地绘制：

xaxis

请参阅here

highcharts xAxis年度数据

1 个答案: