Question

使用Highcharts.js - 我想将系列值添加到图例中，我认为我不需要使用标签格式化功能（我尝试使用它）。这是我目前的代码，但我无法看到带有以下代码的图表。我很确定我犯了一个小错误。任何人都可以指出我在哪里做错了。 $（function（）{

$(document).ready(function () {

    // Build the chart
    $('#container').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false
        },
        title: {
            text: 'Browser market shares at a specific website, 2014'
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: false
                },
                showInLegend: true
            }
        },
             legend: {
            enabled: true,
            floating: true,
            align: 'left',
            verticalAlign: 'middle',
                 labelFormat: 
                ' {series.name} + ' ' + {point.percentage:.1f}'
                 ,
            borderWidth: 0
        },
        series: [{
            type: 'pie',
            name: 'Browser share',
            data: [
                ['Firefox',   45.0],
                ['IE',       26.8],
                {
                    name: 'Chrome',
                    y: 12.8,
                    sliced: true,
                    selected: true
                },
                ['Safari',    8.5],
                ['Opera',     6.2],
                ['Others',   0.7]
            ]
        }]
    });
});

});

Answer 1

自己想一想。我必须使用labelFormatter。这是代码。

  legend: {
            layout: 'vertical',
            enabled: true,
            floating: true,
            align: 'right',
            verticalAlign: 'middle',
                 labelFormatter: function() {
                     return this.name + ' ' +this.percentage;
                 }
                 }

在饼图的图例中添加系列值

1 个答案: