Question

我已经通过chart.js创建了甜甜圈图。那里我正在获取JSON数据。问题在于标签冗余。 JSON也检索重复值。因此，当我尝试将这些值用作图表中的标签时，它将显示所有内容。我使用JS进行了唯一值显示，但问题是图表未正确过滤，因此请帮助我使用chart.js属性进行此操作。我听到了legendCallBack，但没有得到使用方法。

这是我的JS：

function onlyUnique(value, index, self) { 
    return self.indexOf(value) === index;
} 

 $.ajax({
    url:"";
type: 'GET',
    dataType: 'text',
    success: function (data) {
        $("body").append(JSON.stringify(data));
        var jsonfile = JSON.parse(data);


var labels = jsonfile.bugs.map(function(e) {
   return e.Status;

});

var unique = labels.filter( onlyUnique );


var data = jsonfile.bugs.map(function(e) {
   return e.Age;
});
var ctx = canvas.getContext('2d');
var config = {
   type: 'doughnut',
   data: {
      labels: unique,
      datasets: [{
         <!-- label: 'id', -->
         data: data,
         backgroundColor: 'rgba(0, 119, 204, 0.3)'
      }]
   }
};

var chart = new Chart(ctx, config);

    }
});

当我使用此代码时，结果即将到来，但唯一标签的过滤器功能不起作用。在标签部分中，当我使用默认标签时，图表过滤良好。请让我知道任何澄清。谢谢

将图表JS中的标签分组

0 个答案: