問題タブ [angular-nvd3]
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.
angularjs - NVD3-Angular の multiChart の Duration プロパティが機能しない
multiChart の期間プロパティを変更しようとしましたが、機能しません。例です
d3.js - nvd3 angular-nvd3 d3 チャートの凡例を縦に表示する
nvd3 と angular-nvd3 を使用して円グラフを作成しています。凡例を表示しましたが、一番上に並んでいます。
左側の列に表示したいと思います。
http://embed.plnkr.co/TJqjjkHaD2S0VjsGmN3c/previewを見つけましたが、.js ファイルにあるオプションを使用すると、配置ではなく凡例の外観が変わるだけです。
css ファイルが空で、html にインライン css がないようです。したがって、列の右側に凡例の位置をどのように配置したかはわかりません。
わかりますlegendPosition: 'right'が、使用するとlegendPosition: 'left'円グラフ全体が消えます。
せめて列に表示するにはどうすればいいのか、左に変更できればいいのですが。
オプション オブジェクト:
angular-nvd3 のディレクティブ:
javascript - angular-nvd3 multiChat チャートがここにレンダリングされないのはなぜですか?
元の Plunkr の作業: http://plnkr.co/edit/nHSMF2?p=preview
私の分岐した Plunkr: http://plnkr.co/edit/4Ecqif?p=preview
私はAngular-nvd3チャート ライブラリで遊んでいます。これは、いくつかの折れ線グラフと面グラフを含む元の multiChart の例です。一番上のリンクでわかるように、私はそれをフォークして、グラフを 3 つ (2 つの領域、1 つの線) に減らしました。
元の例では、関数を使用してデータ ポイントをランダムに生成していましたが、カスタマイズしたフォークではその関数を削除し、グラフ オブジェクトをハード コーディングしました。エラーが表示されないため、チャートがレンダリングされない理由がわかりません。
何かご意見は？
この壊れた Plunkrで使用されているハードコーディングされたグラフ オブジェクト:
私は自分のデータを調べて、動的データと注意深く比較しました。そして、それをキーごとに一致させましたが、それでも私のチャートはまだ表示されていません:(
左側は私のハードコーディングされたバージョンです | 右側は作業中の動的データです。
angularjs - angular nvd3積み上げ面グラフのツールチップから合計を削除する
Web サイトで angular-nvd3 の積み上げ面グラフを使用しています。グラフのツールチップでは、データ ポイントとは別に、すべてのポイントの合計もレンダリングされています。どうすれば無効にできますか? スナップショットと設定したグラフ オプションを添付します。
スナップショット
javascript - IonicModal と AngularNVD3 の競合 (D3 ベース)
Ionic アプリで nvd3 を使用しています。問題に直面するシナリオがあります。つまり、あるタブに PieChart があり、別のタブに IonicModal があります。IonicModal を開いて PieChart タブを開くと、グラフが非常に小さくなります。IonicModal が同じタブにあり、pieChart が表示されている場合、Modal は pieChart に影響しませんが、pieChart が非表示の場合に Modal を開くと、グラフが再び非常に小さくなります (デザイン邪魔です）…
ここに画像があります
コンパクト版はこちら
コンパクトなものはこちら。任意のヘルプをいただければ幸いです。
angularjs - nvd3 ボックス プロットと日付
Y軸が日付になるボックスプロットを取得しようとしています。最小限に抑えようとしましたが、「利用可能なデータがありません」としか表示されません。
プランカーはこちら
いくつかの日付を確認したいだけで、そこから先に進むことができます。
ありがとう！
angular-material - 角材 nvd3
ツールチップが表示されない理由を調査しながら、Angular マテリアルと NVD3 の組み合わせを使用しています。
http://krispo.github.io/angular-nvd3/#/quickstartから提供された例を切り刻んで複製し、プランカーにしました。これは次のようなものです。
nvd3ラッパーを使用したAngular Materialの同じものは次のようになります（ツールチップなし）
誰かが同様の経験をしたかどうか、そしてそれがどのように解決されたかをさまよっていました。
宣言：
そしてコントローラー内部
ライブラリのバージョンの場合:
試行錯誤しましたが、助けがなく、同じような状況の人はいますか？
angularjs - angular NVD3 を使用して x 軸ラベルを作成する
以下の nvd3 折れ線グラフの x 軸に「月曜日、火曜日、水曜日」などの文字列を作成したいと思います。以下のコードで、x 軸に数値ではなく文字列/ラベルを持たせるにはどうすればよいですか。
私はこのライブラリを使用しています: https://github.com/krispo/angular-nvd3
angularjs - Angular nvd3 プロット ラインがほとんど見えない
一部のデータをプロットするために、角度ディレクティブで nvd3 を使用しています。以前は問題なく動作していましたが、プロットが消えたか、非常に細い線になっていることに気付きました。データが入ってきて、プロットが表示されていますが、ほとんど見えません。正常に戻すにはどうすればよいですか？
html で表示すると、次のようになります。
ここにjavascriptのオプションがあります：
また、問題が発生した場合に備えて、すべての JavaScript 依存関係を次に示します。
ありがとう