javascript - donut 内文

Question

我使用 highchart 库开发了一个圆环图。我需要在 donut 的内部添加一个标签。

预期结果:

JS:

$(function () {
    $('#container8').highcharts({
        chart: {
            type: 'pie',
            options3d: {
                enabled: false,
                alpha: 0
            }
        },
        colors: ['#081969', '#0e2569', '#1e3b81', '#284893', '#30509b'],
        title: {
            text: ''
        },tooltip: {
            enabled: false
        },
        plotOptions: {
            pie: {
                innerSize: 140,
                depth: 45
            }
        },
        series: [{
            name: 'Delivered amount',
            data: [
                ['56%', 56],
                ['44%', 44]
            ]
        }]
    });
});

fiddle 可以在这里找到:http://jsfiddle.net/ak9jK/

Answer 1

title: {
        style: {
            fontSize: '48px',
            fontWeight: 'bold'
        },
        verticalAlign: 'middle'
    },

在最后

},

function (chart) {
    chart.setTitle({
        text: chart.series[0].data[0].y + '%'
    });
});

演示:http://jsfiddle.net/ak9jK/1/

相关问题:
Highcharts Donut Chart text in center change on hover
Place text in center of pie chart - Highcharts