問題タブ [angular-nvd3]

NVD3 散布図に少数の値しかない場合、目盛りの間隔が非常に広がるのはなぜですか? 目盛りは値の数とは無関係であるべきだと思いますが、そうではないようです。

このプランカーを彼らの例と比較してください。唯一の違いは、プロットされる値の数ですが、それらの例では多くの目盛りが示されていますが、私のプランカーではほんの少ししか示されていません。

プロットのデータが少ない場合に、すべてのズーム レベルで目盛りを適切に配置するにはどうすればよいですか?

私はこのように特定を定義することtickValuesを考えました:

しかし、それは特定のズームスケールでしかまともに見えません.

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

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

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

使用法 - Angular NVD3 LineChart

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

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

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

私はJavascriptの下に書いた、

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

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

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

フォーマットする前に

NVD3/AngularJS で多棒グラフを作成しました。以下の JSON に示すように、各長方形のバー内にテキストとその値を表示したいと考えています。

各バー内のグラフにテキスト値を表示するにはどうすればよいですか?

NVD3 チャートの定義

JSON データ (categoryChartData)

私は、毎日の販売数と総収入を表示する必要があるmultiChartinを持っています。angular-nvd3

<nvd3 options="options" data="data"></nvd3>

オプションとデータは次のとおりです。

変換前のデータ項目:

最初の行にカーソルを合わせるとツールチップが表示され、Y 値が表示されますが、2 行目はマウスオーバーで完全に無視されます。最初の行を無効にすると、コンソールに次のエラーが表示されます。

また、ツールチップが大きなオフセットで表示されるため、ウィンドウが水平方向にオーバーフローします。極端にズームアウトすると観察できます。

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 デバイスでコードの実行が停止していると確信しています。

これを多棒グラフで機能させることができません

カスタム ツールチップの代わりに、デフォルトのツールチップが引き続き表示されます。

カスタム ツールチップの作成に成功した人はいますか?