問題タブ [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 に答える
1289 参照

javascript - angular nvd3jsディレクティブを使用して、実線と点線の両方を含む折れ線グラフを描画しますか?

次のように、特定の期間の時間範囲でゲストの数をカウントするカスタム折れ線グラフ表示を作成するために、angular-nvd3 ディレクティブを使用しています。

  1. 現在の時間 - 2 --> 現在の時間:直線として表示されます
  2. 現在時刻 --> 現在時刻 + 2 :点線で表示されます。

直線のみを使用した実装コードは次のとおりです。

これがプランカーです: http://plnkr.co/edit/lBKFld?p=preview

誰でも、私の大きな感謝を得る助けを提供できます。

ありがとう

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

angularjs - mongodb ISOdate を使用するための nvd3 x 軸の日付形式

アプリケーションで Angularjs-nvd3-directives チャートを使用しています。mongodb からのデータの形式は次のとおりです。

[["2012-11-02T20:01:00.000Z",11],["2012-11-02T20:01:00.000Z",12],["2012-11-03T20:02:00.000Z",13 ],["2012-11-01T20:03:00.000Z",11],["2012-11-02T20:04:00.000Z",12],["2012-11-03T20:05:00.000Z", 13]]

私が目にするすべての例では、Unix タイムスタンプを使用しています。

[ [ 1025409600000 , 0] , [ 1028088000000 , -6.3382185140371] , [ 1030766400000 , -5.9507873460847]]

Unix タイムスタンプを使用しているときに X 軸の日付に対して機能する関数は次のとおりです。

iso 日付を使用できるようにするには、どの関数を記述すればよいですか。X 軸に 1 分ごとの値を表示したい

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

javascript - Angular カスタム ディレクティブの問題

チャートと別の div を持つカスタム ディレクティブを作成しました。チャートにマウスを合わせると、そのdivを非表示にする必要があります。

マウスオーバーとアウトで、showpreview の値を変更します。ただし、div の extraDetails は非表示または表示されません。ご意見をお待ちしております。

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

angularjs - AngularJS が評価されない属性値の式

上記は、私が達成しようとしているコードです

1) 渡されたコレクションに基づいてウィジェット タグの生成を繰り返します。2) widgettype 属性値を使用して、必要なテンプレートを決定します。

しかし、上記は次の行で widgettype の値をフェッチしません

return '/Views/Widget/' + attr.widgettype + '.html';

すでに nr-attr-widgettype を使用してみましたが、それも機能しません。

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

angularjs - angular nvd3でy軸を非表示にしてx軸から目盛りを削除する方法

angular nvd3 の既存の例を使用して、y 軸を非表示にして x 軸から目盛りを削除しようとしています。そのため、ドキュメントを確認して showYAxis="false" を追加し、x 軸に ticks: null を追加しました。物体。しかし、y 軸を非表示にしたり、x 軸から目盛りを削除したりすることはできません。親切に、以下のリンクを見つけて、私の間違いを教えてください。y 軸の場合:

x 軸の目盛りを非表示にするため

http://plnkr.co/edit/6t5bky?p=preview

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

angularjs - angular-nvD3円グラフにグラデーションカラーを追加

次の例を使用して、アプリで円グラフを使用しています。

http://krispo.github.io/angular-nvd3/#/pieChart

次のように、色をグラデーションに変更するにはどうすればよいですか。

ここに画像の説明を入力

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

angularjs - angular nvd3 期間は円グラフに影響しません

アイテムを選択/選択解除するときのトランジション/アニメーション効果を長くしたいのですが、nvd3 円グラフの期間パラメーターを 10 秒 (または 10000 ミリ秒) のような長さに設定しようとしていますが、円グラフには影響しません。 、

期間の値を変更してみました。また、transitionDuration プロパティも追加しようとしましたが、

次の例を見ることができます: http://plnkr.co/edit/vtKWU0?p=preview

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

angularjs - nvd3-angularjs のコントローラーから $scope.api にアクセスできません

Angular-JS で NVD3 ボックス チャートを使用しようとしています。コントローラーでデータが変更されたときにチャートを更新したいと考えています。

チャートを更新するには、次の行を使用する必要があります

ただし、私のコントローラーでは、$scope.apiにアクセスできません

ただし、 Plunker-ExampleまたはQuestionにあるアプリとコントローラーの定義方法に従うと、完全に機能します。

問題は、アプリとコントローラーを定義する方法にあると思います。

以下の方法で動作させたいと思います。ここで私を助けてくれませんか

HTML-DIV

アプリ定義

})();

コントローラー定義