問題タブ [highcharts-ng]

1 時間あたり 1 データポイントの粒度で四半期にわたって販売された入場券を表示するグラフがあります。

これを見やすくするために、ハイチャートのズーム機能と積み上げエリアスプラインを使用しています。

私の問題は、ズームアウトするとグラフが非常にスパイク状になることです.1〜2時間で数百からゼロの間で変動する可能性のある多くのデータポイントをレンダリングする必要があるため、量を制限する方法があるかどうか疑問に思っています.スプラインをさらに滑らかにするために、x 軸の目盛りごとにレンダリングされたデータポイントの数?

たとえば、x 軸が完全にズームアウトされている場合、月にラベルを付けて月に 4 つのデータポイントをレンダリングし、7 月の初めにズームインすると、7 月 1 日から 7 月 4 日までラベルを付けてレンダリングします。 1 日あたり 4 つのデータポイント。

BR フレドリック

最小値が -5、最大値が 5 の yAxis を持つグラフがあります。

yAxis には-5、-2.5、0、 、 、2.5のラベルがあり5ます。

私の構成は非常に近いです-適切な量のグリッド/プロット行がありますが、yAxisのいくつかのテキストラベルを非表示にしたい (ラベルに関連する実際の行ではありません)。

-2.5つまり、との2.5ラベルを削除または非表示にしたいということです。

ステップなど、yAxis でさまざまな方法を試しましたが、必要な結果が得られません。

JSFiddle

これを達成する方法はありますか？

動的に更新される円グラフを作成するために、highcharts-ng を使用しています。

データが変更されると、スライスがアニメーション化されます (サイズが拡大または縮小します)。チャートの開始角度に関して同様の効果を達成しようとしています。

シリーズの startAngle プロパティが変更されたときに、トランジション アニメーションが発生するようにしたいと考えています。これが可能かどうかはわかりません。

これは開始角度の変化を示す JSFiddle ですが、アニメーションはありません。

http://jsfiddle.net/367gjasq/2/

これは、チャートの startAngle プロパティを現在どのように更新しているかを示す jsFiddle のコード スニペットです。

ハイチャートをフレックスボックス コンテナーに入れようとしています。グラフはコンテナーに合わせて大きくなりますが、コンテナーが縮小しても縮小しません。

私のプロジェクトでは angularJS と highcharts-ng を使用していますが、問題はフレックスボックス自体にあると推測しています。少なくともChromeとIEでは同じです。

この問題を説明する plunkrを次に示します。埋め込みビューを開くと、ウィンドウを広くすると、両方のチャートがリフローして収まります。ただし、幅を狭くしても、トップ チャート (フレックスボックス内) は変更されません。

highcharts-ngのリフローイベントをブロードキャストするリフローボタンを入れましたが、効果がないようです。

フレックスボックスを引き続き使用できる回避策または解決策を探しています。

以下は Plunkr のコードです。これは、ブートストラップ コンテナーの同様の問題を解決した、highcharts-ng の作成者による別の plunk に基づいています。

index.html

スタイル.css

app.js

パフォーマンスの問題/質問があります。angular と highcharts-ng を使用して、1 ページに約 80 の面グラフをレンダリングしています。データが読み込まれ、angular がそれをチャートにバインドしているときに、ブラウザが約 2 秒間応答しません。たいした量ではないかもしれませんが、それでも...

1. 理由は何ですか？それは角度からチャートへのバインディングの問題ですか、それともハイチャートによるチャートのレンダリングですか?

2. 少し速くするか、ブラウザをハングさせないようにする可能性はありますか?

編集：

サーバーからの応答は非常に高速です。データサイズはかなり小さいです。グラフをオフにすると (ng-if="false")、残りのデータが非常に速く読み込まれ、パフォーマンスの問題はありません。

各面グラフには最大 12 個のデータポイントがあります。

私がやろうとしているのは、ユーザーがボタンをクリックしたときに、新しいハイチャート要素をページに追加したいということです。現在、チャートのコンテナは表示されますが、チャートは表示されません。

これが私がやろうとしていることです:

私はまだこれにかなり慣れていないので、何が間違っているのか疑問に思っています

どんなアドバイスも素晴らしいでしょう！

ありがとう〜

角度のある ng-click イベントまたは onClick イベントを、Angular アプリにあるいくつかの円グラフに追加したいと思います。円グラフは次のようになります。

私がやりたいのは、そのテキストをクリックすると、私が持っているフィルタリングロジックが適用されることです。

ただし、次のような highcharts-ng のフォーマッタに ng-click を追加します。

動作しません。

highcharts-ng でデータ ラベルをクリック可能にする方法がわかりません。