9

Angular 2 プロジェクトに ng2-charts を実装しようとしていますが、カスタム onclick イベントの作成について疑問に思っていました。つまり、カートの現在の onclick イベントをオーバーライドして、いくつかのカスタム機能 (ページへのリダイレクト、モーダル表示など) を実行したいと考えています。

これを行う簡単な方法はありますか？それはまったく組み込まれていますか？

任意の洞察をいただければ幸いです

4

5 に答える 5

11

DOCSを読んでみる

彼らは使用のかなり良いと理解できる説明を持っています.

組み込みの 2 つのイベント ハンドラがあります。

イベント

chartClick: チャート上でクリックが発生すると起動し、アクティブなポイントとラベルに関する情報を返します

chartHover: チャート上で mousemove (ホバー) が発生したときに起動し、アクティブなポイントとラベルに関する情報を返します

コードでは次のようになります。

 <base-chart class="chart"
            [datasets]="lineChartData"
            [labels]="lineChartLabels"
            [options]="lineChartOptions"
            [colors]="lineChartColours"
            [legend]="lineChartLegend"
            [chartType]="lineChartType"
            (chartHover)="chartHovered($event)"
            (chartClick)="chartClicked($event)"></base-chart>
  </div>

それはあなたのカスタム関数であり、別の名前を持つことができ、モーダルの表示、URLへのリダイレクトなどのカスタムを行いますchartHovered.chartClicked

于 2016-07-14T16:20:29.220 に答える
0 
 public chartClicked(e: any): void {
     console.log(e);
 }

e.active[0]._modelクリックしe.active[0]._viewたグラフの部分に関する情報 (つまりlabel) が含まれています。

于 2017-03-31T09:25:22.270 に答える