javascript - 无法为图例点指定名称

Question

pData 是我通过 ajax 调用获得的服务器响应。

success: function(pData) {
    var data = pData.row; 
    var items = data;
    name = items.map(function(el) {
        return el.NAME;
    });
    broj = items.map(function(el) {
        return el.Y;
    });
    var chart = new Highcharts.Chart({
        chart: {
            type: 'pie',
            renderTo: 'chart4',                

        },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
    }
  },
        plotOptions: {
            pie: {
                showInLegend: true
            }
        },
        series: [{
            data: broj
        }],
        credits: false,
        title: false
    });
}

演示:https://jsfiddle.net/7m5j67s2/

我得到的数据很好，唯一缺少的是每个切片都被命名为“Slice”，而且我不知道如何用我从服务器(它包含在 name 数组中)。

Answer 1

您传递给 Highchart(项目)的数据似乎是一个数字数组。您需要为其添加标题，例如:

   series: [{

        data: [
            ['title1',   10],
            ['title2',    9],
            ['title3',    8],
            ['title4',    7],

        ]
    }]

这将为您的切片添加标题。对于您的代码，您可以在映射到 broj 时进行一些更改:

  broj = items.map(function(el) {
        return [el.NAME, el.Y];
  });

那么剩下的代码就可以工作了 ( fiddle )