2016-07-20 18 views
0

私はChart.jsで作成されたブートストラップパネル内に単純な散布図を持っています。それはngIf divの中に置くまでうまく動作します。誰かがこれを見つけましたか?どのようにチャートを表示するかについてのアイデア?私の例のngIfのポイントは、変数chartDataが入力されてからpanel-bodyの内容(図表)のみを表示することです。ngIfの内部にChart.jsグラフが表示されません。

はここに(私はngIf div要素をコメントアウトしました)私のチャートのコードです:

<!--<div *ngIf="chartData.length">--> 
    <div class="panel panel-primary" style="border-color: #464646;"> 
     <div class="panel-heading" style="border-color: #BBBBBB; height: 35px; padding-top: 3px;"> 
      <div style="float: left; margin-top: 5px;">Line Chart</div> 
     </div> 

     <div class="panel-body"> 
      <div> 
       <canvas id="myChart" width="325" height="325"></canvas> 
      </div> 
     </div> 
    </div> 
<!--/div>--> 

答えて

2

#myChartあなたがチャートを初期化しようとしているDOM中に存在していません。 ng-ifの代わりにng-showと入力してください。

どうにかして、データの読み込みが完了したら、コントローラからチャートを初期化していないようです。

希望します。

+2

ありがとうございました。私はAngular 2で開発しているので、[hidden]プロパティを使用しなければなりませんでした。[hidden] = "!chartData" – Roka545

関連する問題