Выравнивание легенды Highchart

Question

Я создал переменную круговую диаграмму с использованием старшей диаграммы.В разделе легенды мне нужно указать одно имя и одно значение.поэтому я положил значение в теге span.Теперь я не могу выровнять значение.Внешние стили не работают.Как только мы проверим этот тег span, автоматически сгенерируем dx = "0".Когда мы редактируем это значение в консоли, оно работает.Но когда мы даем это внутреннему стилю или внешнему стилю, это не работает.

Мне нужен альтернативный атрибут стиля "dx".Приведенное выше значение dx изображения генерируется автоматически.

 data: [
    {
    name: 'Name Score  '+'<span class="score-percentage" >99% </span>',
    y: 100,
    z: 99
    }
]

Это то, что я сделал в коде.Использование класса span «Score-процент» для заливки черного цвета.

Answer 1

Для большей гибкости вы можете использовать Highcharts.SVGRenderer для добавления значений, например, таким образом:

chart: {
    type: 'variablepie',
    events: {
        render: function() {
            var legend = this.legend,
                legendItems = this.legend.allItems;

            legendItems.forEach(function(item, i) {
                if (!legend.customLabels) {
                    this.renderer.text(
                        legendValues[i],
                        110,
                        item.itemHeight
                    ).attr({

                    }).add(item.legendGroup)
                }

                item.legendItem.css({
                    color: item.color
                })

            }, this);

            legend.customLabels = true;
        }
    }
},
legend: {
    align: 'left',
    squareSymbol: false,
    padding: 0,
    symbolWidth: 0,
    layout: 'vertical'
},

Демонстрационная версия: http://jsfiddle.net/BlackLabel/nsdv659x/

API: https://api.highcharts.com/highcharts/chart.events.render