Chart.jsツールヒントとデータが異なる

Question

私はフロントエンドの開発に慣れていません。チャート2.0とアンカーチャートベータ1.0をツールのヒントに戻すにはどうすればいいですか？

HTML：

<canvas id="panel1bar" class="chart-bar" height="229px" 
       chart-series="[profile['detail']['freq-histogram'].series]" 
       chart-labels="profile['detail']['freq-histogram']['short-labels']" 
       chart-data="[profile['detail']['freq-histogram'].data]" 
       chart-colours="['#008080']" 
       chart-legend="false"/> 

のみチャートツールチップを設定するオプションがあった場合= "プロファイル[ '詳細'] [ 'FREQ-ヒストグラム'] [ '長いラベル']"

私は長いと短いラベルのパス私に戻り、ツールチップのHoverにフルラベルを表示したい

Answer 1

キャンバスにはchart-options属性が必要です。 あなたはそれを次のように追加できます：chart-options="chartOptions"。

その後、あなたのコントローラ上でこのコードを使用することにより、ツールチップのテンプレートを変更することができます。

$scope.chartOptions = { 
    tooltipTemplate: "<%= value %>" 
} 

しかし、それはchartjs 2.0で正常に動作するかどうか私はわかりません。そのためにあなたがここにこの問題を確認することができます。https://github.com/chartjs/Chart.js/issues/2322

Answer 2

あなたは属性chart-options="options"にこれを渡すことができます。

$scope.options= { 
    tooltips: { 
     callbacks: { 
      title: function(tooltipItem, data) { 
       return $scope.profile['detail']['freq-histogram']['long-labels'][tooltipItem[0].index]; 
      } 
     } 
    } 
}; 

を