动态更改Angular js charts.js图表​​类型

Question

每个人，使用Angular js 1.6和angular Chart [of 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>

当我使用此代码时，类会更改，例如来自＆＃34; chart chart-pie＆＃34; to＆＃34; chart chart-donut＆＃34;，但图表本身并没有改变。

我错过了什么吗？

Answer 1

您必须使用“chart-type”指令动态更改图表类型。他们已经提供了开箱即用的功能。

检查此弹射器：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>

参考：http://jtblin.github.io/angular-chart.js/#base-chart（搜索“动态图表”）