如何在切片内添加类别,并显示绝对数而不是相对数



我在highchart中创建了一个饼图,但我面临两个困难:

  1. 如何将类别名称放入切片中
  2. 如何将相对数转换为绝对数

我在不同的论坛和highchart网页上搜索了一下,但我就是找不到解决方案。你能帮助我如何解决它吗?以及你在哪里找到了解决方案,因为我是高图表的新手,还在学习。

添加了我的基本jsfiddle。提前感谢

http://jsfiddle.net/uhydP/209/

$(function () {
var chart = new Highcharts.Chart({
    tooltip: {
        enabled: false
    },
    chart: {
        renderTo: 'container', //Dat is waar hij heen moet
        type:'pie', // Type die we hebben gekozen
        backgroundColor: '#281e82',
        borderColor: '#281e82',
        borderWidth: 0
    },
    xAxis: {
        categories: ['Sparen', 'Aflossen'], // De namen
        color: 'black',
    },
    credits: {
        enabled: false // Geen verwijzing naar highchart
    },
    plotOptions: {
        series: {
            dataLabels: {
                enabled: true,
                formatter: function() {
                    return Math.round(this.percentage*100)/100 + ' %';
                },
                distance: -60, // Hoe ver naar binnen de teksten staan
                color:'black' // De kleur van de percentages
            },
            animation: {
                duration: 2000
            }
        }
    },
    title: {
        text: 'Testje',
        style: {
            color: 'white',
            fontWeight: 'bold'
        }
    },
    series: [{
        data: [{y: 30, color: 'white'}, {y: 70, color: '#E50000'}]        
    }]
});

});

可以在数据标签格式化程序中添加名称

 formatter: function() {
                    var cat = this.series.chart.xAxis[0].categories,
                        x = this.point.x;
                    return 'name: ' + cat[x] + '<br>' +  Math.round(this.percentage*100)/100 + ' %';
 },

http://jsfiddle.net/uhydP/214/

最新更新