問題タブ [angularjs-nvd3-directives]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2497 参照

angularjs - saveSvgAsPng - getBBox は関数ではありません

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

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

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

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

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

HTML:

Javascript:

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

0 投票する
2 に答える
8151 参照

javascript - Nvd3.js - 複数の y 軸を累積チャートに追加する

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

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

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

0 投票する
0 に答える
396 参照

angularjs - NVD3/AngularJS の ForceY ディレクティブ

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 では機能しませんか?

0 投票する
0 に答える
322 参照

javascript - Angular Nvd3 - 無効な値属性 transform="translate(0,NaN)"

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

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

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

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

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

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

0 投票する
1 に答える
371 参照

angularjs - json データを使用して角度のある nvd3 マルチバーと積み上げグラフを作成する方法

次の json データを使用して、角度のある nvd3 マルチバー チャートを作成したいと考えています。

0 投票する
2 に答える
503 参照

javascript - ブラケットを使用するとAngularjsの解析エラーが発生することがあります

次のコード サンプルでは、​​div の ng-show ディレクティブではなく、アンカー要素の ng-click ディレクティブの position[0].position の周りにブラケットが必要なのはなぜですか?

平等の設定と平等のチェックに関係がありますか? ネストされた ng-repeat に関連していますか?

div 要素の ng-show で等値チェックを括弧で囲むと、解析エラーが発生します。なぜですか?

0 投票する
1 に答える
387 参照

javascript - nvd3 チャート、時間範囲スライダー (チャートの下の小さいチャート) を削除する方法は?

これは、アプリのチャートをどのように見せたいかの Plunkr です: http://plnkr.co/edit/19D5cnrVYdUrMlblQARy?p=preview

タイムスパン距離計はまったくありません。

ただし、私のアプリでは次のように表示されます。

ここに画像の説明を入力

私の renderChart 関数:

次に、私の drawChart 関数:

コンソールに表示される応答

ここに画像の説明を入力

彼らのドキュメントには、それを削除する方法を示すものは何も見つかりませんでした。

ここに画像の説明を入力