X轴日期时间标签的Highchart高级格式化

Question

我需要扩展日期标签格式，以在测量值时在日期旁边显示时间段。

您可以在图像上看到它的外观。

通过Highchart API的格式功能实现此目标的任何方法？

编辑：我需要不使用第三方解决方案的实现，因为我需要将解决方案嵌入碧玉报告中。

谢谢

Answer 1

作为使用“分组类别”插件的替代方法，您可以通过Highcharts创建其他xAxis标签。 SVGRenderer。

chart: {
    events: {
        load: function() {
            var chart = this,
                ticks = chart.xAxis[0].ticks,
                xy;

            Highcharts.objectEach(ticks, function(tick) {
                if ((tick.pos + 2) % 3 === 0) {
                    xy = tick.label.xy;

                    chart.renderer.text('date', xy.x, xy.y + 20)
                        .attr({
                            'align': 'center'
                        })
                        .add();
                }
            });
        }
    }
},

实时示例：http://jsfiddle.net/BlackLabel/f7c54zop/

API参考：https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#text