外部要素にカーソルを置くと、トリガーバー/円グラフのハイライトが表示されます[chart.js/chart js] [AngularJS] [angular-chart.js]

Question

私は、angle-chart.jsを使用してダッシュボードを作成しています。キャンバス内で組み込みの凡例を使用する代わりに、自分で作成したng-repeatを使用して、色が一致するラベルを動的に作成しています。

ここで私が達成したいのは、アイテムが私のカスタム凡例にぶら下がっているとき、そのアイテムをグラフで強調表示し、その逆も同様です。

私は多分私はそれを操作し、NG-mousover式を作成することができ、ツールチップのイベントをトリガしているイベント...

はこれがさえ可能であるものを見つけることができるかどうかということを考えていましたか？

おかげで、 エマド

Answer 1

が正確に、同じ誰かが伝説のクリックでラインを示す/隠ぺいの例を掲載されない：Chart.js 2.xでhttps://github.com/jtblin/angular-chart.js/issues/70

を、onclickのためのサポートがあります同様に類似したものに伝説上のイベント：http://www.chartjs.org/docs/#chart-configuration-legend-configuration

Answer 2

color: [ 
    { 
    backgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'], 
    borderColor: 'rgba(255, 255, 255, 0)', 
    hoverBackgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'], 
    hoverBorderColor: ['#92d06f', '#73c8b8', '#3bb9ab'], 
    hoverBorderWidth: 10, 
    hoverRadius: 0 

} ]、

角度2のアクティブなセグメントにマウスを重ねるとうまくいきます