在 y 轴高位图上显示 HH:MM答案

【问题标题】：Display HH:MM on y axis highcharts在 y 轴高位图上显示 HH:MM
【发布时间】：2012-05-28 00:47:40
【问题描述】：

我需要在 y 轴上创建一个 HH:MM 的 highcharts 图表，这是可行的吗？我在 x 轴上有日期，需要在堆叠列上显示 HH:MM。我怎样才能做到这一点？谢谢！

【问题讨论】：

您的数据来自哪里...？给一些代码
Sebas，数据来自 mysql 表上的日期字段。我没有放置任何代码，因为我只需要使用 HH:MM 作为 y 轴列上的数据，而不是四舍五入或十进制数。
@Gustavo 嘿，这个问题的状态如何？下面的回答对你有帮助吗？

【解决方案1】：

如果 yaxis 是 datetime 类型，那么图表将以它认为合适的最佳方式呈现它们。如果您不喜欢它们的呈现方式，您可以使用dateTimeLabelFormats 控制图表的日期时间格式。您还可以使用tickInterval 控制显示日期的间隔。根据当时数据的日期时间跨度，图表将选择以下默认格式之一：

second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'

如果您想将它们全部强制为小时和分钟，无论范围是多少，然后将它们设置如下：

second: '%H:%M',
minute: '%H:%M',
hour: '%H:%M',
day: '%H:%M',
week: '%H:%M',
month: '%H:%M',
year: '%H:%M'

编辑

要在列上显示 x 轴值：在 plotOptions 下的列上启用并格式化 dataLabels，如下所示：

plotOptions: 
{
    column: 
    {
        stacking: 'normal',
        dataLabels: 
        {
            enabled: true,
            formatter: function() 
            {
                  return ''+ Highcharts.dateFormat('%H:%M', this.x);
            }
        }
    }
}

【讨论】：