highcharts - 如何在highcharts中显示日期时间轴上的所有值?

标签 highcharts

在这种情况下,有没有办法在 X 轴上显示所有天数?即使我将 minTickInterval 强制设置为一天的 highcharts,也不会整天显示。

Fiddle example

$(function () {
$('#container').highcharts({
    chart: {type: "column", inverted: true,
    },
    xAxis: {
        type: 'datetime'
    },

    plotOptions: {
        series: {
            pointInterval: 24 * 3600 * 1000,
            pointRange: 24 * 3600 * 1000
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }, {
        data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
    }]
});

});

最佳答案

日期时间轴以毫秒为单位,因此一小时的间隔为:3600 * 1000。

上面的解决方案不适用于以下类型的图表:区域。

因此,如果您的 xAxis 以天为单位,您可以使用:

chart: {
    type: 'area'
},
xAxis: {
    type: 'datetime',
    tickInterval: 24 * 3600 * 1000
}

关于highcharts - 如何在highcharts中显示日期时间轴上的所有值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19938415/

相关文章:

javascript - 范围选择器更改时的 Highstock 更改刻度间隔

javascript - 如果 dataLabel 的宽度大于 highCharts 中条形的高度,则禁用 dataLabel

javascript - 使用 CSV 文件预处理 Highchart 数据

javascript - 显示列范围 Highcharts 的 y 轴数据

javascript - Symfony2 highcharts,改变颜色

highcharts - 如何在highchart中实现移动平均线

javascript - 将 eager.io json 集成到 highcharts js

javascript - 使用canvg 将Highchart SVG 转PNG 时,所有文本出现两次 - 如何解决?

javascript - Highcharts 柱形图编号低,但柱形图看起来高

javascript - Highcharts 图表默认系列 fillColor 覆盖状态 fillColors (包括 jsfiddle)