問題タブ [angularjs-nvd3-directives]

使用法 - Angular NVD3 LineChart

を取得して、 x 軸に表示millisecondsする形式に変換しています。('%H:%M')

上記は正常に機能し、データを format で表示します10:30。

スタイリング10:を別の色と別の形式でフォーマットする必要があります30。

私はJavascriptの下に書いた、

ただし、上記は 内<Text> tagでレンダリングされるため、html はレンダリングされません。

どうすれば同じことを達成できますか。プランカーはこちら

フォーマット後に生成されたhtmlは次のとおりです。

フォーマットする前に

NVD3 と D3 を使用していくつかの単純なビジュアルを作成しています。そのうちの 1 つは横棒グラフです。オプションは次のとおりです。

出力は次のようになります。

デフォルトの出力

ただし、プロジェクト スタイルの警察は、グラフの範囲が無制限に表示されることを好まず、次のように表示することを望んでいます。

望ましい出力

これは可能ですか？

ありがとう

ionic の ios エミュレーターでは、描画している angular-nvd3 ディレクティブを使用して、さまざまなstackedAreaCharts を見ることができます。エミュレーターでのみ次のエラーが発生しますが、localhost で ionic serve を使用してアプリを実行すると発生しません。

エラー: undefined はオブジェクトではありません (「options.chart.type」を評価しています) updateWithOptions@ https://cdnjs.cloudflare.com/ajax/libs/angular-nvd3/1.0.5/angular-nvd3.min.js:1 :3415 refresh@ https://cdnjs.cloudflare.com/ajax/libs/angular-nvd3/1.0.5/angular-nvd3.min.js:1:2966 https://cdnjs.cloudflare.com/ajax/libs /angular-nvd3/1.0.5/angular-nvd3.min.js:1:6809 https://cdnjs.cloudflare.com/ajax/libs/angular-nvd3/1.0.5/angular-nvd3.min.js: 1:7896 $digest@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent- Sidemenu.app/www/lib/ionic/js/ionic.bundle.js:24515:31 $apply@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D /data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www/lib/ionic/js/ionic.bundle.js:24783:31 done@file:///Users /griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www/lib/ionic /js/ionic.bundle.js:19196:53 completeRequest@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www /lib/ionic/js/ionic.bundle.js:19368:15 requestLoaded@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle /Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www/lib/ionic/js/ionic.bundle.js:19309:24///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www /lib/ionic/js/ionic.bundle.js:19309:24///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www /lib/ionic/js/ionic.bundle.js:19309:24

繰り返しになりますが、グラフはエミュレーターとローカルホストで正常に描画されますが、表示されず、iPad またはその他の iOS デバイスでコードの実行が停止していると確信しています。

私のHTMLコード:

ここでは、ファイルからfields( key) を取得し、オプションに表示しています。JSON選択のドロップダウン セクションから選択するオプションに関係なく、nvd3 ディレクティブ データ オプション( data="drawData(data.repeatSelect1)") を介して、そのオプションを角度スクリプト js ファイルに送信します。

これが私のAngularスクリプトコードです:

そして、ここに my_json_file.json があります

コードはエラーなしで正常に動作しています。

例：ドロップダウンで「シリアル」フィールドを選択すると、適切に選択され、angularjsスクリプトファイルにも表示されます（console.log（tobeselected）;を使用）が、d3.nestオプションが正しく機能しません。

通常のように与えると

d3.nest() .key(function(d){return d.Serial;} .rollup(function(v){return v.length;})

チャートをきちんと取得しています。この問題を解決するのを手伝ってください。

以下の nvd3 折れ線グラフの x 軸に「月曜日、火曜日、水曜日」などの文字列を作成したいと思います。以下のコードで、x 軸に数値ではなく文字列/ラベルを持たせるにはどうすればよいですか。

私はこのライブラリを使用しています: https://github.com/krispo/angular-nvd3

一部のデータをプロットするために、角度ディレクティブで nvd3 を使用しています。以前は問題なく動作していましたが、プロットが消えたか、非常に細い線になっていることに気付きました。データが入ってきて、プロットが表示されていますが、ほとんど見えません。正常に戻すにはどうすればよいですか？

html で表示すると、次のようになります。

ここにjavascriptのオプションがあります：

また、問題が発生した場合に備えて、すべての JavaScript 依存関係を次に示します。

ありがとう

xAxis で datetype を使用する場合、NVD3 Line chart tics wronglyaligned to gridの質問に従います。

要するに：

私が今遭遇した問題は、私のデータが軸と間違って整列していることです

問題

1日（またはそれ以上）のデータがない場合、グラフは欠落している日の場所を「保存」します。避けたい。

欠落している日のデータを s で追加できることは知っています0が、質問はそれなしでこれを実行できるかどうかです。

http://plnkr.co/edit/42uzlu4AjnHJpI7o41l3?p=preview

本当に良くてフレンドリーに見えるライブラリnvD3-Angularを見つけました。静的データのみをプロットするために使用していますが、DB に保存されているデータを読み取れるようにしたいと考えています。JQueryを使用してAJAXを介して言及されたデータでデータ変数を設定する方法はありますか?? このデータを取得する方法があるに違いないことはわかっていますが、まだ見つけていません。

私のコードは次のとおりです。

コントローラーで:

追加情報として: サーバー側は Php Laravel 5.1 でコーディングされており、mysql を DB として使用しています。

ご指導ありがとうございます。

nvd3-angular-directives 円グラフは、パーセンテージを表示するときに値を丸めています。小数点以下を正確に表示する方法はありますか? 値は 99.71% と 0.29% で、100% と 0% に丸められます。

以下のような関数を使用してフォーマットを返してみましたが、機能しません