問題タブ [angular-chart]

アプリケーションで棒グラフを描画するためにAngular Chartsを使用しています。ただし、チャートはレンダリングされていません。開発ツールにもエラーは表示されません。

編集：

ただし、angular-chart.css のスタイルが適用されていないことに気付きました。

これは私のメインコントローラーにバインドされており、値は以下のように定義されています

編集：

angular.module('app', ['chart.js']);

すべての依存関係を追加しました。javascript ファイルと css を含めます。どんな助けでも大歓迎です。ありがとう！

私は現在、コードにハードコーディングされたモック JSON データを使用して Ionic モバイル プロトタイプを構築しています。角度チャートを使用してチャートを作成しています。

ドーナツ チャートの例を見ると、カーソルを合わせるとラベル/データが表示されます。値の後にパーセント記号を追加するにはどうすればよいですか?

この質問を見ましたが、Chart.js のソース コードはそれ以来かなり変更されています。

angular-chart.js で棒グラフを正常に作成しましたが、今度は横棒グラフに変更したいと考えています。また、フィールドを水平バー自体の内側に配置したいと思います。

コード

私が欲しいものの例

angular-chart.js (chart.js を使用) に奇妙な問題があります。yAxis の最小値と最大値を設定してブロックすると、線が制限を超えるとスタイルがおかしくなります。何が起こるか分かりますか?

各 3 つのグラフの構成は次のとおりです。

そして、各チャートに他の構成を適用しました：

ご協力いただきありがとうございます

http://jtblin.github.io/angular-chart.js/を使用してコンボ チャートを作成することは可能 ですか?

http://jtblin.github.io/angular-chart.jsが提供するサンプル チャートを取得しようとしています。特に折れ線グラフ これはデータセットとラベルです。

これはhtmlテンプレートです。

Chart js バージョン 1.0.2 を使用しています。

エラーが発生し続けます：

Uncaught TypeError: undefined のプロパティ 'draw' を読み取ることができません。

編集:デバッグ時に、描画プロパティ内の this.scale が未定義であることがわかりました。これは、キャンバス要素の準備が整う前にスクリプトが読み込まれる問題である可能性があります。

しかし、私はまだこれを解決する方法をよく知りません。どんな助けでも大歓迎です.Thanks

Angular Chartを使用しており、ドーナツ チャートがあります。データに特定の色を付けたい。

例えば：

ここで変更できるのはグローバル カラーのみですが、これはオレンジがオレンジ、バナナが黄色、アボカドが緑色になることを保証するものではありません。さらに、同じシリーズが使用されている複数のドーナツ チャートがあり、それらは同じ色でなければなりません。たとえば、バナナは常に黄色です。

どうすればこれを達成できますか？

Angular Chartでドーナツ チャートを使用しています。ドーナツの中央にテキストを配置したいと思います。この質問の回答を読みましたが、ツールチップがあり、グラフにカーソルを合わせると何らかの理由でテキストが消えるため、どれもうまくいきません。さらに、このテキストを「外部」から提供する必要があります-カスタムテキスト、たとえばタイトル。

だから、私の考えは次のようなものを持つことです：

何か案は？

編集:この回答の数行を変更して、 JS Bin を追加しました。