円グラフ・レジェンド - Chart.js

Question

は、私は、各項目

に番号を相対的に見ることができ、マウスでチャートを合わせると伝説

Chart Image

で円グラフの数を置くために助けが必要

は私がこれまでに伝説のいずれか

重要なコードでそれを表示したい：

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は、" あなたはあなたのオプションでgenerateLabelsプロパティを編集する必要がある値

Answer 1

ですでに "VAR" です：

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

---

それはかなり混乱であるので、あなた自身で素晴らしいテンプレートを作成することができます。 the source codeと同じ機能を使用し、必要なものを編集することをお勧めします。ここで

あなたはそれがどのように動作するか（ - 38から - 編集した行ををコメントしている）を参照することができsmall jsFiddle、あり、そしてその結果：