Question

我已经使用highchart创建了可变饼图。在图例部分，我需要显示一个名称和一个值。所以我把值放在span标签中。现在，我无法对齐该值。外部样式无效。一旦检查了该span标签，将自动生成dx =“ 0”。当我们在控制台中编辑该值时，它就起作用了。但是，当我们将其设置为内部样式或外部样式时，它将无法正常工作。

我需要“ dx”的替代样式属性。上面的图像dx值是自动生成的。

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

这就是我在代码中所做的。使用跨度类“分数百分比”来填充黑色。

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

高图图例对齐

1 个答案: