在y轴highcharts上显示HH:MM

Question

我需要在y轴上用HH:MM创建一个高图表图表,这可行吗？我在x轴上有日期,需要在堆积列上显示HH:MM.我怎样才能做到这一点？谢谢!

Answer 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);
            }
        }
    }
}