問題タブ [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.

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

javascript - 折れ線グラフの凡例の特定の部分を非表示にする

angular-nvd3 モジュールを使用して、単純な折れ線グラフで凡例の一部を非表示にする方法はありますか?

実際には、いくつかの行があり、ユーザーがこれらの破線を選択/選択解除できるようにしたくないため、破線の凡例を非表示にしたいのです。

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

javascript - Leaflet ポップアップに NVD3 チャートを挿入する

AngularJsWeb アプリケーション内で、Leaflet.jsLeaflet markerclusterを使用してマップを作成しています。

チャートをレンダリングするには、nvd3.jsnvd3-angular-directiveを使用しています

世界中からさまざまなデータCircleMarkerが届いています。データを受け取った国ごとに簡単なデータを示しています。

私のデータは次のように整理されています。

これは、マップでCircleMarkerは、アメリカとイタリアの中心に表示されることを意味します。

それでは、問題に取り掛かりましょう。それぞれCircleMarkerにポップアップをバインドしています。各ポップアップに、その特定の国のnvd3分布を示す円グラフ (具体的にはドーナツ) を含めたいと考えています。rate

問題は、現在マップが適切にレンダリングされ、マーカーが完全に配置されていることですが、マーカーをクリックすると表示されるポップアップが空です (図を参照)。私はグーグルで検索しましたが、私を助けることができるものを見つけることができませんでした.

空のポップアップ


CircleMarkersとクラスタ を構築する方法は次のとおりです。


アップデート

私は物事を少し変えました。CircleMarkerまず、クラスを拡張しました

次に、これCustomCircleMarkerをマップ内で使用します

次に、ポップアップをバインドし、マーカーにカスタム データを入力clickして、有用なデータを含むメッセージを送信する on コールバックを作成します。

レシーバーはデータを受け取り、次のようにチャートをレンダリングします。

悲しいことに、これは再び機能しません.. 再び機能しない

: angular-leaflet-directive はかなりやり過ぎで、あまり好きではなかったので使用していません。とにかく使ったほうがいいと思いますか?

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

angular-nvd3 - angular-nvd3 チャートの背景色を変更する方法

angular-nvd3 の例に従っており、チャートの背景色を変更したいと考えています。このhttp://krispo.github.io/angular-nvd3/#/lineChartを見ました が、背景色を設定できる場所がどこにもありません。助けはありますか?ところで、私のプロットは黒い背景でこのように見えます。ここに画像の説明を入力

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

angularjs - Angular NVD3 マルチチャートで月名を表示する

今年と前の年のデータを分析するマルチチャート グラフを作成するために、月の名前を表示しようとしています。私はダニを使ってそれをやろうとしていました。これは私がそれをしようとしているパンカーですが、月の名前を表示できません。常に1月と表示されます。それを別の方法で行う方法はありますか?最良の方法とそれを修正する方法はどれですか?