問題タブ [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.
d3.js - ドメイン外の日付間隔を持つ LinePlusBarChart
angular-nvd3 の LinePlusBarChart を使用して、次のようなデータを表示しています。
http://plnkr.co/edit/mrkvM1ihrVRN9jdBFWiF?p=preview
上記の例では、x 軸のドメインはデータの日付値に基づいています。
2000 年から 2004 年の間に利用可能なデータがない場合でも、linePlusBarChart で x 軸の日付間隔を変更して、2000 年から 2015 年まで継続するにはどうすればよいですか?
更新:通常の lineChart の場合、設定は正常にchart.xDomain = [minDate, maxDate]機能します。グラフchart.lines.xDomain = [minDate, maxDate]はデータを適切に表示しておりchart.bars.xDomain = [minDate, maxDate]、グラフの x 軸は 2000 年から 2015 年までです。最大日付。エラーを示す画像を次に示します。
チャート オプションは次のようになります。
javascript - angular nvd3jsディレクティブを使用して、実線と点線の両方を含む折れ線グラフを描画しますか?
次のように、特定の期間の時間範囲でゲストの数をカウントするカスタム折れ線グラフ表示を作成するために、angular-nvd3 ディレクティブを使用しています。
- 現在の時間 - 2 --> 現在の時間:直線として表示されます
- 現在時刻 --> 現在時刻 + 2 :点線で表示されます。
直線のみを使用した実装コードは次のとおりです。
これがプランカーです: http://plnkr.co/edit/lBKFld?p=preview
誰でも、私の大きな感謝を得る助けを提供できます。
ありがとう
javascript - 動的に変化する時間に対して nvd3 x ドメイン範囲を設定する最良の方法は何ですか?
nvd3 chart x domain をリアルタイムの折れ線グラフで特定の期間を表すように設定する最良の方法を探しています。たとえば、過去 1 時間です。言い換えれば、毎秒新しいデータ (y は数値、x はタイムスタンプ) を追加しており、x 軸に過去 1 時間を表示したいと考えています。現在、データの更新ごとに forceX を更新しています - 動作しますが、非常に効果がないようです。
より良い方法はありますか？
javascript - 対話型ガイドラインを使用する場合の属性 transform="translate(NaN,NaN)"
現在、Angular Directive (angular-nvd3) を使用して NVD3 を使用しています。非常に単純なデータを含む非常に単純な折れ線グラフがあります。
最初は、すべてが正常に機能しています。ただし、1 セットのデータをオフ (無効) にすると、エラーが発生します。
プランカーで問題を再現しました: http://plnkr.co/edit/e4D619?p=preview
コンソールでエラーを確認するには、任意のセットを無効にします。ウィンドウのサイズを変更し、セットを無効/有効にして、エラーを再度表示します。エラーを解消するには、useInteractiveGuideline をオフにします。
それでも、nvd3 や d3 のバグなのか、データセットのバグなのかはわかりません。任意の提案をいただければ幸いです。
javascript - Angular-nvD3 resizes chart on data change
I'm using Angular-nvD3. I have a simple chart that looks like this:
HTML:
JS:
My data object is just a simple array of objects with key and y properties. On some DOM event, I update the data from the server and change the data object. When I do this, my chart is resized.
Why is this happening and how can I prevent it?
Update: