在 y 轴高图表上显示 HH:MM - Display HH:MM on y axis highcharts

Display HH:MM on y axis highcharts

本文关键字：HH MM 显示高图表 | 更新日期: 2023-09-27

>我需要创建一个在y轴上有HH：MM的高图表，这可行吗？我在 x 轴上有日期，需要在堆叠列上显示 HH：MM。我该怎么做？谢谢！

如果 yaxis 的类型是日期时间，则图表将按照它认为合适的最佳方式呈现它们。如果您不喜欢它们的呈现方式，可以使用 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 轴值：启用 plot 下列上的 dataLabel 并设置其格式选项，如下所示：

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