Angular js charts.js 차트 유형을 동적으로 변경하십시오.

모두, Angular js 1.6 및 각도 차트 [chart.js]를 사용하여 다음과 같은 HTML select 입력 값을 변경할 때 차트 유형을 변경하려고합니다. 그러나 차트 유형은 변경되지 않습니다. 나는 어떤 FAQ에서 차트가 파괴되고 다시 만들어 져야한다고 알았지 만, 각도 버전에서는 작동하지 않습니다.Angular js charts.js 차트 유형을 동적으로 변경하십시오.

뷰 :

<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>

이 코드를 "차트 차트 - 파이"에서 "차트 차트 도넛 '에서 예를 들어, 클래스 변경,하지만 차트를 사용하여 자체 나던 변경이 내 코드입니다 .

내가 누락 된 항목이 있습니까?

출처

2017-10-30 Haytham

http://jtblin.github.io/angular-chart.js/#base-chart ("동적 차트"에 대한 검색). 이 게시물을 사용하여 다시 그리는 방법을 고취시킬 수 있습니다. https://stackoverflow.com/questions/40056555/destroy-chart-js-bar-graph-to-redraw-other-graph-in-same-canvas/40058876 – Zooly

"차트 유형"지시문을 사용하여 차트 유형을 동적으로 변경해야합니다. 그들은 이미 상자에서 그것을 제공합니다.

확인이 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_해야

출처

2017-10-30 22:48:46

감사합니다. 너. – Haytham

Angular js charts.js 차트 유형을 동적으로 변경하십시오.

답변

관련 문제