无法为图例点指定名称

时间:2015-12-23 11:44:27

标签: javascript highcharts

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
    });
}

DEMO:https://jsfiddle.net/7m5j67s2/

我得到的数据很好,唯一缺少的是每个pice切片都被命名为“Slice”,我无法弄清楚如何通过我从中得到的馅饼来调用馅饼的每个部分服务器(它包含在name数组中)。

1 个答案:

答案 0 :(得分:2)

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

   series: [{

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

        ]
    }]

这将为您的切片添加标题。对于您的代码,您可以在映射到broj

时进行一些更改
  broj = items.map(function(el) {
        return [el.NAME, el.Y];
  });

然后其余代码将起作用(fiddle