高图-活动指标显示标签和滞后

Question

我已经使用Highchart JavaScript库来实现图表功能。

在这里，我需要在高图表活动度表=> Highchart - Activity guage demo中添加标签和标签。

所需的输出显示在下面的图像中。

Answer 1

要添加标签，请使用Highcharts.SVGRenderer：

    events: {
        load: function() {
            var x = this.plotWidth / 2 - 10,
                y;

            Highcharts.each(this.series, function(s) {
                y = s.group.getBBox().y + this.plotTop + 25;
                this.renderer
                    .text('dwa', x, y)
                    .attr({
                        align: 'right'
                    })
                    .add()
                    .toFront();
            }, this);
        }
    }

要显示图例，请依次将showInLegend属性设置为true。

实时演示：https://jsfiddle.net/BlackLabel/wpcLurtz/