Grafik JS'nin Donut grafiğinde segmana daha fazla nitelik eklemek mümkün müdür?

Question

Çörek çizelgesini (veya bu konuyla ilgili başka bir tablo) başlatırken, her bir segmente daha fazla nitelik eklemek mümkün müdür? Şu anda, değer, renk, vurgu ve etiket olmak üzere dört özellik için değerler belirliyoruz. Grafik verisini başlatırken daha fazla öznitelik eklemek istiyorum. Böylece, grafiğe tıklarken ve getSegmentsAtEvent (e) işlevini çağırırken bu öznitelikleri alabileceğim.

Answer 1

Sadece veri

var data = [ 
    { 
     value: 300, 
     color:"#F7464A", 
     highlight: "#FF5A5E", 
     label: "Red", 
     extra: 1 
    }, 
    ... 

ve grafik oluşturulduktan sonra, eleman

canvas.onclick = function(evt){ 
    var activeSegment = myChart.getSegmentsAtEvent(evt); 
    alert(activeSegment[0].extra) 
}; 

kullanarak grafik elemanları

... 
var myChart = new Chart(ctx).Pie(data); 

myChart.segments.forEach(function(segment, i){ 
    segment.extra = data[i].extra 
}) 

ve erişim buna eklemek ekleyebilirsiniz

---

Sadece aşağıdaki gibi tıklamanız yeterlidir. Burada eylem görmek için Ector

Fiddle -