問題タブ [angular-chart]

角度チャートコンポーネントを含めようとしています。

、ブートストラップのパネル内で、ノードテンプレートエンジンのジェイドを使用しています。コードのこの部分は、チャートを配置しようとしている場所です:

しかし、チャートは画像のようにパネルの外にあります。

パネルに収まる方法はありますか？

ありがとう。

angular-chartを使用して棒グラフにデータを表示しようとしています。データベースからデータを取得しようとしています。今年を含む過去 5 年間のすべてのデータをグラフに表示し、年に対応するデータも取得したいと考えています。以下に示すように、これまでのところ、私は2年しか使用していません。

Json配列

Angularjs

チャートの現在の外観

どんな助けでも大歓迎です。ありがとうございました...

ブートストラップ パネル内に角度チャート (chart.js に基づく) チャートをレンダリングしようとしています。現在、グラフはパネル内ではまったく表示されませんが、パネル外に配置すると表示されます。ブラウザでソースを表示すると、高さと幅がゼロに設定されていることがわかります。

チャートが表示されない

チャート DOES 表示

ページのソース:

高さと幅がゼロに設定されている場所や理由がわかりません。また、css で高さと幅を設定しようとしましたが、まだ運がありません。

チャートオプションも調整してみました

いくつかの基準に基づいて折れ線グラフを表示する素晴らしいアプリケーションがあります。主な基準が変更されたら、現在の折れ線グラフをクリアしたい。ただし、これを行う方法がわかりません。私はAngularJS v1.4.0-rc2、Chart.js v1.0.2、angular-chart v0.7.1を使用しています。

ページをロードするとき、関数を呼び出しますupdateSelection()。この関数は、他の基準のいずれかが変更されたときにも呼び出されます。関数は次のように実装されます。

これにより、適切な関数が呼び出され、主な基準に基づいて折れ線グラフのデータが初期化されます。Web ページにデータ エントリを表示すると、正しい値が表示されます。

主な基準の選択ボックスで、関数を呼び出しますupdateArea():

この関数は、入力フォームとフォーム データをリセットします。また、別の基準のデータ ( selections)、基準に適したラベル( ) を決定しselectionLabel、チャート データをリセットする必要があります。

ただし、チャートは新しいデータを反映するように更新されません。それで、データを正しくリセットする方法はありますか？

グラフ自体は、次の HTML を使用して表示されます。

angular-chart を使用しようとしていますが、依存関係を正しく追加する方法がわかりませんでした。次のエラー Uncaught TypeError: Cannot read property 'defaults' of undefined in the angular-chart.js が表示されます

angularとchartの両方が定義されていないためです。

私の必要な設定は

私のコントローラーは

これを除いて、他のすべての依存関係は正常に機能しています。誰か助けてください。

angular-leaflet-directiveプロジェクトでマップangular-chartのレンダリングとチャートのレンダリングに使用しています。チャートの凡例を有効にしたい場合を除き、どちらも非常に便利なライブラリです。

この場合、angular-chartディレクティブの凡例を有効にするには、必ずlegend属性をに設定する必要がありますtrue。がモジュールに対しても有効になっている場合、それが完了するとangular-leaflet-directive、リーフレット モジュールが独自のディレクティブをコンパイルしようとするため、エラーが発生し、leafletコントローラーが見つからないというエラーが表示されます。

angular-leaflet-directiveangular docs で説明されているように、ディレクティブにプレフィックスを付けていないのは残念です。しかし、それは主な関心事ではありません。

同様のシナリオでディレクティブがコンパイルされないようにする方法はありますか? 2 つの異なるモジュールがディレクティブに同じ名前を選択した場合、開発者は何をすべきですか?

作業中のプロジェクトで angular-chartJS を使用していますが、棒グラフの棒ごとに異なる色が必要です。

キャンバス：

コントローラ：

属性をキャンバスに追加しようとしましたがcolours="medals_colours"、唯一の問題は、配列の最初の色のみを使用することです。私が望むのは、各色が各列を表すことです。Soは、 、forなど#087D76を表すために使用されます。Gold#B3BC3ASilver

ここのガイドに従って簡単なチャートを表示しようとしています: http://jtblin.github.io/angular-chart.js/

私はsails.js、angular、bootstrap、angular-chart.jsを使用しています

アプリをロードすると、グラフがあるはずの場所に空白の画像が表示されます。Chrome 開発ツールで次のエラーが表示されます。

申し訳ありませんが、エラーが発生する理由がわかりません。

以下のコードの無限のバリエーションを試しましたが、このバージョンが実際のサンプルに最も近いと感じています。

意見：

モジュール:

コントローラ：

サーブレットから JSON データを取得する ng-click イベントで更新されるはずのAngular Chartバーがあります。問題は、$scope でデータが更新されても、チャートに更新が反映されないことです。なぜこうなった？チャートを手動で再描画する方法はありますか? Angular Chart Web サイトで多くのドキュメントを見つけることができませんでした。

編集: 要求に応じてテンプレートも添付しましたが、2 つの異なる div に同じコントローラーがあるという事実に関連している可能性がありますか?