javascript - Highcharts 饼图不接受值

Question

我使用 JavaScript 将饼图的 y 值格式化为小数点后两位，但它们没有出现在图表上。

我需要获取每个的百分比，然后返回它们。 fiddle

如果 fiddle 不起作用，这是我的代码。

$(function () {
      var dataPie =[];
    var abc =[{"val":"19981","name":"TOTAL"},{"val":"2051","name":"\"NATURAL GAS\""},{"val":"274","name":"\"OTHER FOSSIL FUELS\""},{"val":"8826","name":"\"DUAL FUEL\""},{"val":"5351","name":"\"NUCLEAR\""},{"val":"2628","name":"\"HYDRO\""},{"val":"501","name":"\"WIND\""},{"val":"350","name":"\"OTHER RENEWABLES\""},{"val":" ","name":"\"UNKNOWN\" "}];
 $.each(abc,function(i,el)
{
     var total = null;
     if(el.name == "TOTAL"){
            total = parseInt(el.val);
        }else{
            var p = parseInt(el.val) / total * 100;
            dataPie.push({name :el.name,y: p});
        }

});
    $('#container').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            type: 'pie'
        },
        title: {
            text: 'Browser market shares January, 2015 to May, 2015'
        },
        tooltip: { 
            pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    format: '<b>{point.name}</b>: {point.percentage:.2f} %',
                    style: {
                        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                    }
                }
            }
        },
        series: [{
            name: "Brands",
            colorByPoint: true,
            data: dataPie
        }]
    });
});

Answer 1

highcharts 能够做到这一点，您只需使用

 {point.percentage:.2f}

查看 fiddle ，其中更新了您最后一个问题的数据 here