問題タブ [angular-chart]

4 つの水平線 (余白 - 2 つの上部余白と 2 つの下部余白) を持つ agular 折れ線グラフを作成しようとしています。このフィドルを参照してください - https://jsfiddle.net/CypressMountain/arq34fcu/30/

私の目的は、現在フィドルで行われているように、これらの線のプロパティ (値、色、ラベル) を角度コントローラー内で定義することですが、JQuery 折れ線グラフ拡張内では定義しません。グラフのプロパティとマージン ラインのプロパティはバックエンドから取得され、マージン ラインはグラフとは別に描画されます。

$scope.data = [] または $scope.labels の場合と同様に、コントローラーで $scope.margins = [] のようなものを達成する方法がわかりません...どんな助けも大歓迎です。

これはHTMLです：

ライン チャート タイプが拡張されている場合、マージン ラインは draw 関数で定義されるようになりました

これはコントローラーです：

以前の 2 つの投稿が参照されました angular-chart add horizo​​ntal line および Chart.js - draw horizo​​ntal line

すべての依存関係がインストールされており、コードは正しいようですが、コードがまったくレンダリングされない理由をまだ指摘できません。

前もって感謝します。

How do you have each bar in a bar chart have a different color using angular-chartjs on the chartjs 2.0 branch?

My canvas looks like this:

My GBCC controller looks like this:

It will change all the bars to the first color in the array, but not use the other colors. Does any one know how to do this?

angular-chart js と chartjs 2.1 を使用してレーダー チャートを作成しようとしています。グラフは表示できましたが、凡例は表示できませんでした。表示するのを手伝ってくれませんか。ここに私がやったことのプランカーがあります

angularjs を使用した小さな webapp があり、angularJS ライブラリから 2 つのチャートを訴えようとしています。バーとパイを使っています。それらは正常にレンダリングされますが、何らかの理由で、ディスプレイが小さくなったり大きくなったりしてもサイズ変更を拒否します。

私のHTMLコード:

ラッパー用の私のCSSコード

私のJavascriptコード

私が取り組んでいるページでは、角度チャートを使用しています。

しかし、開発者ツール (F12) (Chrome と Firefox でテスト済み) を開いてから閉じるたびに、開発者ツールを閉じるとチャートがリロードされることに気付きました。なぜそれが起こるのか誰にも考えがありますか？

アプリで角度チャートを実装しようとしています。angular-chart.js をインストールし、chart.js を依存関係としてリストしました。ただし、ページをロードすると、次のエラーが表示されます。

私の質問は次のとおりです。このエラーを解消するにはどうすればよいですか? angular-chart の前にチャートがロードされていることを確認しましたが、このエラーを解消できません。

これが私のapp.jsの始まりです:

アプリケーションでangular-chart.jsを使用しようとしていますが、次のエラーが発生します。

html ファイルの angular-chart.js の前に Chart.js を含めるという他の質問からの提案に従いましたが、これはうまくいきませんでした。

インストールしたライブラリのバージョンは次のとおりです。

ここに私のディレクトリ構造があります:

これは、私のindex.htmlに bower とともにインストールされたライブラリへのリンクです。

次のように、chart.js モジュールをコントローラーに挿入しようとしています。

助言がありますか？ありがとう！

angular-chart.js を使用してダッシュボードを作成しています。キャンバス内で組み込みの凡例を使用する代わりに、独自の凡例を作成し、ng-repeat を使用して、一致する色のラベルを動的に作成しています。

今、私が達成したいことはこれです: カスタム凡例でアイテムをホバーすると、グラフでそのアイテムが強調表示され、その逆も同様です。

おそらく、ツールチップイベントをトリガーしているイベントを見つけることができれば、それを操作して ng-mousover 式を作成できると考えていました...

これは可能ですか？

ありがとう、エマド