問題タブ [angular-nvd3]

exupero の saveSvgAsPng ライブラリを使用して SVG を PNG ファイルに保存していますが、Angular-Nvd3 と組み合わせるときに問題が発生しました。

次のようなエラーが表示されます。

キャッチされていない TypeError: el.getBBox は関数ではありません

関数が私のnvd3要素からSVG要素を「つかむ」ことができないように思えます。

私のコードは次のようになります。

HTML:

Javascript:

これを適切に機能させる方法についての提案をいただければ幸いです。

累積 Nvd3 グラフに複数の y 軸を追加する必要があります。ライブラリのコードのどの部分を変更する必要があるか知っている人はいますか?

あなたがこれを自分で行い、Jsfiddle を提供できれば、さらに良いでしょう。

任意の提案をいただければ幸いです。

angularアプリのnvd3チャートでy軸の範囲を変更する方法を見つけようとしています。私はKrispo のAngular-NVD3 ライブラリを使用しており、彼のフォーラムとドキュメントを調べて、forceY. このフォーラムで Krispo はchart、コントローラーの配列に次のコードを追加するだけでよいと述べています。

これをアプリに追加しようとしましたが、うまくいきません。マークアップのタグにforcey="[5000]"ディレクティブを追加するなど、問題を解決する可能性のある他の nvd3/d3 ディレクティブも調べましたが、これもうまくいきませんでした。<nvd3>これを行うにはさまざまな方法があるようですが、どれも機能していないようです。

また、値の 1 つ (最大値または最小値) を角度式に設定することは可能ですか? 次のようなものです: `forcey="[0,{{data.value}}]"? 私のappでは、「Top 5 SIC by Comments」の下にあるようなレポート グラフのいくつかで、y 軸の最大値がデータ セットの最小値に設定されているため、これは基本的に私が行う必要があることです。これを変更して、y 軸の最小値が 0 になり、対応する最大値が最大データ値に対応するデータを含む角度式になるようにする必要があります。

どんな助けでも大歓迎です。

編集:angular-nvd3-directives.jsファイルをアプリに追加し、依存関係をアプリに追加しました。私がオンラインで見つけた例では、このライブラリも必要であるように見えますが、マークアップの nvd3 タグが異なります (それはnvd3-discrete-bar-chart私がちょうど持っているのに対し、のようなものがありますnvd3。なぜその違いがあるのか​​ わかりません-これは私がライブラリを意味するのですか? m using は angular-nvd3-directives では機能しませんか?

個別の棒グラフを作成するアプリがあります。奇妙な理由 (ライブラリの内部エラーのようです) により、y 軸は、値に含まれる整数の数が最も少ないデータ値にスケーリングされます。たとえば、あるデータセットには(1750, 1056, 1200, 850). y 軸は最大範囲を "850" にスケーリングしますが、他の数値はすべて大きくなります。forceY 関数を使用して、最大範囲値を json のデータ値のコールバックに設定しようとしましたが、機能しません。この問題は、データ セット内のすべての数値の値に同じ数の整数 (つまり、すべての数百、数千など) が含まれている場合にのみ、自動的に修正されます。何が起こっているのか、それを修正する方法はありますか??

参考までに、ここに私のplnkrがあります。「コメント別上位 5 SIC」レポート チャートに移動して、私の意味を確認してください。同様の問題は、「コメント別上位 5 トピック」レポート チャートでも発生します。この問題を解決する方法について誰かが洞察を持っている場合は、私に知らせてください。よろしくお願いします。

Angular Nvd3 ディレクティブで「Multichart」を使用していますが、次のエラーが表示され続けます。

エラー: 属性 transform="translate(0,NaN)" の値が無効です

なぜこれが起こるのかわかりません。

私のHTMLコードは次のようになります。

私の JavaScript は次のようになります。

この問題を解決するのを手伝ってください。