問題タブ [angular-chart]

angular-chart-jsの学習段階です。angular-chart.js を使用して円グラフをプロットしようとしています。しかし、データの各スライスを説明するラベル (ツールヒントではない) を円グラフに表示する方法が見つかりません。

これが私がやった方法です：

私がやろうとしていること: Angular UI-Router を使用して単一ページのアプリを構築しています。私のページの 1 つに折れ線グラフがあるため、angular-chart.jsを使用しています。

わからないこと: UI-Router 状態内でグラフを表示する方法がわかりません。単一ページのアプリにグラフを含めなくても、グラフを機能させることができます。$scope ラベル、シリーズ、およびデータを含む UI-Router 状態にコントローラーを追加する必要があると感じていますが、適切に機能させることができませんでした。

Angular-Chart.js コード

UIルーターコード

angular-chart.js ( http://jtblin.github.io/angular-chart.js/ ) モジュールを使用しており、チャート データを UI-Grid モジュール ( http://ui-grid.info ) で編集可能にしようとしています。/docs/#/tutorial/201_editable )。データを編集することはできますが、セルの編集時にチャートを応答的に更新する方法がわかりません。私はしばらくこれと戦っています。これについて何か考えていただければ幸いです。

これが私がこれまでに得たものです：

HTML スニペットは次のとおりです。

私はAngularとMaterial Designを使用しています。Angular Chart を追加すると、ページにレンダリングされませんが、Chrome の開発ツールにはエラーが表示されません。私は何が間違っていたのでしょうか？

私はこれのためにプランカーをセットアップしましたHERE

私のコードのアイデアを得るには、以下のスニペットを参照してください

index.js

angular-charts.js内にラップされた chart.jsを使用して、Ionic フレームワーク アプリで棒グラフを作成しています。

バーの背景を完全に不透明にしたい。

これは、チャートを作成するために必要なコードです。

どうすればそれを達成できるか考えていますか?

どうもありがとう！

私はこのチュートリアルangular-chartsに従ってチャートを実装しています

しかし、$scope.data にデータ ベースの (x,y) 値を設定するにはどうすればよいですか?

私はスタックです、助けてください

angularJs チャートを使用しています http://jtblin.github.io/angular-chart.js/

次のようなオブジェクトの配列があります: var MyArray = [{a: 1, b: 2,c:3}, {a: 3, b: 4,c:10}, {a: 5, b: 6,c :20}、{a: 7、b: 8、c:30}];

chart-labels をプロパティ a にバインドし、chart-data をプロパティ ba にバインドしたい