sharepoint-online - SPFX-Chart-webpart-react-pnpcontrol

Question

プロパティ ペインで選択したリストに基づいてチャート ビューを表示する spfx Web パーツを作成しています。チャートを生成することはできますが、リストを変更している間、2 番目のチャート データはホバー時に前のチャート データを表示します。以下のコードは .tsx ファイルの render メソッドにあります。

<ChartControl                  
        type={ChartType.Bar}                   
         data promise={this._data()}                      
         options={{
         legend: {
         display: true,
         position: "right",                
         },
         title: {
         display: true,
         text: "My Chart Data"
         },  
         }} />

_data() メソッドは次のようになります。

let Chart:Chart;
Chart.ChartData = {
    labels: ['Income','Expense','Debt','Savings'],
    datasets: [{
      label: 'Archive',
      data: [10,13,20,90]          
    }]
  };

実践してみましたが、

Chart.destroy()/Chart.clear()

エラーが表示され、チャートが定義されていないと言って拒否されます。

このシナリオで次のリストをロードしながら、古いデータをクリアする方法。