chart.js 2.0将新属性添加到数据集

Question

我需要添加一个属性到数据集/标签以在点击时识别它。 我已经试过这样的事情：

Chart.controllers.customBar = Chart.controllers.bar.extend({ 
     code: null 
    }); 

和它差不多的作品，因为我可以看到新属性“代码”，数据与之相关联，图表背景是可见的，但空的，我的意思是无论从数据集数据可见。

这是我的初始化：

var ctx = document.getElementById("roads-chart").getContext("2d"); 
    window.roadsBar = new Chart(ctx, { 
     type: 'bar', 
     data: roadsChartData, 
     options: { 
      title: { 
       display: true, 
       text: "Stan dróg" 
      }, 
      tooltips: { 
       mode: 'label' 
      }, 
      responsive: true, 
      scales: { 
       xAxes: [{ 
         stacked: true, 
        }], 
       yAxes: [{ 
         stacked: true 
        }] 
      }, 
      onClick: function(e, d) { 
       console.log(d); 
      } 
     } 
    }); 

的事情是，我不觉得chart.js之，有人可以帮我处理这件事，并显示如何延长工作的例子吗？ :)

感谢

Answer 1

虽然你可以扩展图表要做到这一点，如果你不介意依靠内部特性（即可在chart.js之更高版本可能改变），你可以只使用_datasetIndex和_index性质从图表配置检索您额外的属性，像这样

options: { 
    onClick: function(e, d) { 
     if (d.length > 0) { 
     console.log(this.config.data.datasets[d[0]._datasetIndex].code[d[0]._index]); 
     } 
    } 
    ... 

和

... 
    datasets: [{ 
    code: ['a', 'b', 'c', 'd', 'e', 'f', 'g'], 
    ... 

---

小提琴 - http://jsfiddle.net/55cdvb20/