0

我有以下饼图:http: //jsfiddle.net/wjqrh/76/

    new Highcharts.Chart({
        chart: {
            renderTo: 'f-chart-container',
            type: 'pie',
            backgroundColor: 'rgba(255, 255, 255, 0)'
        },
        title: {
            text: ''
        },
        plotOptions: {
            pie: {
                shadow: true,
                dataLabels: {
                    formatter: function () {
                        return '<span style="color: ' + this.point.color + '; font-weight: bold; font-size: 115%">'
                            + this.point.percentage.toFixed(1)
                            + '%</span>';
                    },
                    distance: 3,
                    connectorWidth: 0,
                    x: 0,
                    y: 0
                }
            }
        },
        tooltip: {
            formatter: function () {
                return '<b>' + this.point.name + '</b>: '
                    + this.point.y
            }
        },
        series: [
            {
                name: '',
                data: data,
                size: '73%',
                innerSize: '50%',
                showInLegend: false
            }
        ],
        colors: colors
    });

紫色扇区的标签放在右边的某个地方,但我想把它放在中间,就像显示第三个(绿色)扇区的标签一样。橙色和青色扇区也发生了相同的标签定位。

如何强制将标签放置在扇区的中心?

4

1 回答 1

1

只有我想到的是使用 translate() 函数,它允许移动 SVG 元素。

http://jsfiddle.net/wjqrh/77/

chart.series[0].data[5].dataLabel.translate(275,520);
于 2013-09-02T12:58:37.680 回答