Pie Chart Legend - Chart.js

Question

tôi cần sự giúp đỡ để đưa số của biểu đồ pie trong truyền thuyết

Chart Image

Nếu i di chuột bảng xếp hạng với chuột tôi có thể thấy số lượng tương ứng với từng hạng mục

tôi muốn hiển thị nó trong truyền thuyết hoặc

mã quan trọng cho đến nay:

var tempData = { 
    labels: Status, 
    datasets: [ 
     { 
      label: "Status", 
      data: Qtd, 
      backgroundColor: randColor 
     }, 

    ] 
}; 

var ctx = $("#pieStatus").get(0).getContext("2d"); 
var chartInstance = new Chart(ctx, { 
    type: 'pie', 
    data: tempData, 
    options: { 
     title: { 
      display: true, 
      fontsize: 14, 
      text: 'Total de Pedidos por Situação' 
     }, 
     legend: { 
      display: true, 
      position: 'bottom', 

     }, 
     responsive: false 
    } 

}); 

"QTD", "randColor" là "var" đã có giá trị

Answer 1

Bạn cần phải chỉnh sửa generateLabels tài sản trong các tùy chọn của bạn:

options: { 
    legend: { 
     labels: { 
      generateLabels: function(chart) { 
       // Here 
      } 
     } 
    } 
} 

---

Vì nó là khá lộn xộn tạo một mẫu tuyệt vời của riêng bạn. Tôi đề nghị sử dụng chức năng tương tự như trong the source code và sau đó chỉnh sửa những gì cần thiết.

Dưới đây là một small jsFiddle, nơi bạn có thể xem làm thế nào nó hoạt động (dòng thay đổi nội dung - từ 38 - được nhận xét), và kết quả của nó: