Angular js charts.jsグラフタイプを動的に変更する

Question

皆、Angular js 1.6と角度チャートChart.jsを使用しています。次のようなHTML選択入力の値を変更するときにチャートのタイプを変更しようとしていますグラフの種類は変わりません。いくつかのよくある質問で、グラフを破棄して再作成する必要があることがわかりましたが、それは角版では機能しません。これは私のコードです：

ビュー：

<select ng-change="changeChartType(selectedType)" ng-model="selectedType" > 
      <option ng-repeat="t in chartType" value={{t.type}}>{{t.dispName}}</option> 
     </select> 
     <p>{{selectedType}}</p> 

    <div id="chartContainer"> 
    <canvas id="doughnut" class={{selectedType}} 
    chart-data="data" chart-labels="labels"> 
    </canvas> 
    </div> 

私は、このコードに「チャートチャート・パイ」から「チャートチャート・ドーナツ」に例えばクラスの変更はなく、チャート自体doesntの変更を使用します。

何か不足していますか？

Answer 1

"chart-type"ディレクティブを使用して、グラフの種類を動的に変更する必要があります。彼らはすでに箱からそれを提供します。

チェックこのplunker：http://plnkr.co/edit/xKrCCcEQpzEvxfUMJKzd?p=preview

<canvas id="bar" class="chart-base" chart-type="selectedType" 
    chart-data="data" chart-labels="labels"> chart-series="series" 
</canvas> 

参考：あなたは_destroy_やチャートタイプの変更を_redraw_する必要が