問題タブ [angularjs-nvd3-directives]

angularjs-nvd3-directives を使用しています。

値に基づいて個々のバーに色を付ける必要があります。バーを選択し、レンダリング後に色を付けるコールバックを使用して、angularjs-nvd3-directives でこれを行うことができます。

コールバック関数のセレクターは次のようになります。

全体として、angularjs-nvd3-directives の使用は素晴らしく、時間を節約できましたが、レンダリング後にセレクターを使用してチャートをカスタマイズするのは大変な作業のように思えます (個々のバーに色を付ける、x/y 軸に色を付けるなど...)。

当面の問題は、ウィンドウのサイズを変更すると、元の青の色に戻ることです。バーへの更新を保持する方法はありますか? window.onresize 用に独自のイベントを作成する必要がありますか (試してみましたが、うまくいかないようです)。

値の合計を行い、これらの値を円グラフにプロットすることになっている Web アプリがあります。このグラフの凡例の色に関していくつかの問題があります。

合計:

合計は、その合計に寄与する多くの異なるオブジェクトを反復した後、categorys 配列内の各オブジェクトに添付されます。

意見：

私は、2 つの円グラフを作成していると考えています。

上記のように、各カテゴリの費用の合計の 1 つの円グラフ。合計が完了するまで待つ必要があります。そうしないと、合計が未定義になる可能性があるため、ng-if を追加して、最後の合計が追加されていることを確認します (以下のコード、2 番目のグラフを参照)。

レンダリング前に合計が完了していません: 未定義の値

ng-if を削除すると、円グラフの一部のカテゴリの合計属性が未定義になるようです。これにより、円グラフが適切にレンダリングされなくなります。これは、チャートのレンダリング時に合計が完了していないためだと思います。

チャートのレンダリングを遅らせるNG-IF

ただし、2 番目の円グラフで ng-if の有無にかかわらず、凡例は 2 番目のグラフですべて黒くなります。独自のカラー関数を追加して legendColor を設定しても、2 番目のチャートでは失敗します。legendColor="colorFunction()". ただし、チャートはレンダリングされ、凡例のみが黒になります。

チャートをセットアップするためにビューから呼び出しているメソッドは次のとおりです。

$scope.xBudget = function(){ return function(d) { return d.name+': '+d.amount ; }; };

最初のチャートに ng-if を追加すると、凡例の色付けにも失敗します:

誰かが同様の経験をしたことがありますか、それともたまたま何が起こっているのか考えていますか?

angular-nvd3-directives 円グラフを使用しています。siteId (x 軸として) と usersCount (y 軸として) の値のリストで円グラフを設定しています。アプリケーションは通常、(siteId, usersCount) オブジェクトの 1 セットのリストから開始します。このアプリケーションでは、ユーザーがサイト セットのリスト (siteId, usersCount) リストを変更できます。新しいリストが読み込まれ、そこにデータがない場合、円グラフはデータなしのテキストを出力しますが、円グラフはテキストの後ろに残ります。以前のデータ。

nv.graphs[0].update() を使用して更新しましたが、自然ではないようです。また、objectequality 属性を true に設定しました (データを詳しく監視するため)。

データのリストは、デバッグで次のように表示されます: {object[1]} - データがある場合、{object[0]} - データがない場合。

よろしくお願いします:)

ドーナツ チャートのカスタム色が凡例に表示されず、凡例が任意の色になります。これらのカスタムカラーをピックアップするにはどうすればよいですか?

HTML

チェックボックスを入力すると、チェックボックスcustomer.isCompletedが true または false に設定され、firebase api使用して顧客データが保存されますng-change

ただし、顧客がチェックボックスをオンにしたときに、確認を求めるプロンプトが表示されるようにしたいと考えています。ユーザーが OK を押した場合、ボックスをチェックし、ngModel を更新して起動する必要がありますngChange。それ以外の場合は何もしません。確認ボックスにチェックを入れるとメッセージ 1 が表示され、チェックを外すとメッセージ 2 が表示されます。

どうすればこれを実装できますか。私はディレクティブを想定していますが、それをどのように実装するかわかりません。

svg チャートが通常よりも小さく表示されることがあります。この問題は、画面をリロードすると解決されます。

次の html タグを持つ SVG 要素が間違ったサイズで表示されます。

この問題は常に発生するわけではありませんが、発生した場合は画面をリフレッシュするように調整されています。

このパッチは悪い考えだと思います。何が起こっているのかを理解したいと思います。

ありがとう