2017-06-23 20 views
0

私のアングルプロジェクトでは、依存関係angular-chart.jsを使用して、管理ページにデータの視覚化を表示しています。angular-chart.jsでチャートがレンダリングされない

先週私は、自分のgitページのREADME.mdに従って、angle-chart.jsを1.1バージョンに、Chart.hsを2.5バージョンにアップグレードしました。しかし、私はアップグレードしておりますので、私のチャートはもはや現れ...

私のコードのHTMLがあります:

<canvas id="bar" class="chart chart-bar" 
    chart-data="vm.data" chart-labels="vm.labels" chart-series="vm.series"></canvas> 

そして、私のJSコード:

export default function BarChartController(){ 
    var vm = this; 

    vm.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012']; 
    vm.series = ['Series A', 'Series B']; 

    vm.data = [ 
    [65, 59, 80, 81, 56, 55, 40], 
    [28, 48, 40, 19, 86, 27, 90] 
];} 



import 'chart.js/dist/Chart.min'; 
import 'angular-chart.js/angular-chart; 
angular 
.module('app', [...,'chart.js',...]) 

私は、ウェブ上のエラーを持っていませんブラウザコンソールと依存性注入エラーはありませんが、私はそれに何もない空白スペースがあります。 私は昨日からこの問題で戦っています...

誰もがこの問題に直面していたら、私はいくつか役に立たないとは言いません。

ありがとうございます!

答えて

0

FROMをアップグレードしたバージョンに応じて、Chart.jsによって処理されるコントロールオブジェクトにいくつかの重要な変更があります。コードには、チャートオブジェクトを作成するためのデータとデータが表示されません。それが私が見る最初の場所です。

関連する問題