angular-chart.js legendCallback

Question

私はlegendCallbackの仕事をすることができません。

私はこのようにそれを入れてみました：

options = { 
    legend: { 
     legendCallback: function (chart) { 
      console.log(chart); 
      return 'a'; 
     } 
    } 
} 

OR 

options = { 
    legend: { 

    }, 

    legendCallback: function (chart) { 
     console.log(chart); 
     return 'a'; 
    } 
} 

Iは、第2の1にlegendとlegendCallbackを切り替えてみましたが、それでも何らかのエラーが動作したり与えるものではありません。

Answer 1

はChart.js docsによると、legendCallbackは

var chartInstance = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
     legendCallback: function (chart) { 
      console.log(chart); 
      return 'a'; 
     } 
    } 
}); 

Answer 2

legendCallback機能はオプションの設定、チャートJSで実行し、chartInstance.generateLegendに呼び出しを介して、あなたの呼び出し元のコードに利用可能です（つまり、グローバルオプションであります）ページ上の要素に追加するためのHTMLを生成します。

var chartInstance = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
     legendCallback: function (chart) { 
      console.log(chart); 
      return 'a'; 
     } 
    } 
}); 

// This runs the legendCallback and returns the result 
var legendHtml = chartInstance.generateLegend();