問題タブ [highcharts-ng]

最近、jquery で厳密に動作するハイチャートのプロトタイプを作成しました。大量のスパゲッティ コードがありましたが、グラフをアニメーション化して系列を更新するコントローラーを選択する際の遷移アニメーションも優れていました。要するに、それはそのように行われました...

したがって、グラフは (1) ページの読み込み時に初期化され、(2) ドロップダウン ボックスから引数を取得し、(3) 特定の系列の新しい値を決定し、(4) グラフをその値にスムーズに再描画します。

私の問題は、これを角度で再​​現するのに非常に苦労していることです。特にhighcharts-ngは、既存のポイントを更新することを除いて、太陽の下ですべての例を持っているようです.

http://pablojim.github.io/highcharts-ng/examples/example.html

シリーズの追加、シリーズの削除などがあります。シリーズの更新はどうですか？絶えず変化するスコープ変数にシリーズを関連付けたい場合はどうなるでしょうか? ドロップダウン ボックスの $scope.$watch を作成して、グラフにポイントを更新するように指示するにはどうすればよいですか?

私は Highcharts-ng で作業しています https://github.com/pablojim/highcharts-ng

ソース コードに目を通すと、ブロードキャストに使用できる scope.$on のディレクティブでいくつかのことが行われていることがわかります。例えば...

次に、コントローラーで、スコープでウォッチ関数を呼び出すことができます。

これはうまく機能し、非常に理にかなっています。私が理解できないのは、ディレクティブに追加のものを追加できない理由です。たとえば、ディレクティブから .reflow() を呼び出すことができれば、同じように簡単に .zoomOut() を呼び出すことができるはずですよね?

これを機能させるために何ができますか？それができない場合、代わりにjQueryで制御するにはどうすればよいですか? (すべてをangularに依存するのではなく、jQueryにディレクティブの特定の側面を引き継がせることさえ可能ですか?)

highcharts-ng のチャートで修正できないことがいくつかあります。参照用にhttp://jsfiddle.net/mcneela86/DJVP2/を参照してください。

背景として、チャートには、部品が追加された後の車の馬力とトルクの前後の値の比較が表示されます。

1: データを「前」と「後」にグループ化しました。「前」グループを「後」グループとは異なる色にすることはできますか? 「後」グループの色は正しいですが、「前グループ」はグレーの色合いである必要がありますか?

2: 列を広くする必要があります (応答性を維持しながら)。これを行う方法は、列の周りのパディングを減らすことだと思いました（以下を参照）-しかし、これはうまくいきませんか？

3; 3 番目のボタン (ステージ 4 (新しいエンジン)) にはゼロ/ヌル値のデータが含まれています。データをグラフ全体に分散させたままにすることは可能ですか? （だから、何かが欠けているようには見えません）

上記の「null」値は null または「0」にすることができます - データを制御できます。

これらの問題を解決するために何日も費やしましたが、何か助けていただければ幸いです。

編集：

上記の最初の質問の解決策を見つけました。

この jsfiddle を参照してください - http://jsfiddle.net/mcneela86/6caPj/ css を使用してデータをターゲットにする回避策を使用しましたが、これは私の場合は機能しますが、より大きなデータ セットには理想的ではありません。

これが誰かに役立つことを願っています。

私は HighCharts の Angular ディレクティブを使用しています https://github.com/pablojim/highcharts-ng。

ただし、上記のリンクに従って useHighStocks: true を設定することで可能な HighStock オプションを使用したいと考えています。

これを試してみると、グラフはまったく読み込まれませんが、false に設定すると問題なく動作します。公式サイトからhighstock.jsを含めようとしましたが、うまくいきませんでした。

元の jsfiddle: http://jsfiddle.net/pablojim/7cAq3/

私の非稼働ハイストック jsfiddle: http://jsfiddle.net/achronos/7LZv4/1/

機能させるにはどうすればよいですか？ありがとう

x 軸のラベルとツールチップを含む単純なグラフがあります。ツールチップの月の日付は正しく、x 軸のラベルの月は 1 か月遅れています。

タイムゾーンを GMT+2 US East から UTC-5 に変更すると、問題は解決しました。

次のグローバル オプション useUTC も追加しましたが、影響はありません。

GMT+2 の結果はJSFiddleで確認できます。タイムゾーンを utc に変更すると解決されます。

どんな助けでも大歓迎です。( http://jsfiddle.net/liad/uVZ4Z/ )

angularjs アプリケーションで Highcharts-ng を使用していますが、視覚化は非常によく見えます。1 つだけ問題があります。月の言語を変更できません。

通常、lang を shortMonths、months などで上書きできることがわかりましたが、影響はありません。

私の $scope.chartConfig に、次の構成を追加しました。

ローディング言語変数「Daten werden geladen...」が表示されますが、翻訳された月は表示されません。

誰かがその問題を解決するためのヒントを持っていれば素晴らしいでしょう。前もって感謝します。

次のように、コントローラーでチャートの構成を作成しました。

HighCharts-ng（HighChartsのangularJSディレクティブ）で行われる方法と同様です。

次と同等のものが欲しい：

highcharts-ngで次のメソッドを呼び出すことができるように:

現在、私は次のようにしようとしました：

しかし、メソッドを呼び出すと、「未定義は関数ではありません」というエラーが表示されます。

これは非常に単純化されたJSFiddleで、チャート オブジェクトを取得してメソッドを呼び出そうとしています。

前もって感謝します。

ここにプランカーがあります:
http://plnkr.co/edit/S1B9Q9e1yen0QgmKt2ri

パイはうまく溺れていますが、クリックしてドリルダウンパイを取得することはできません

これは、highcharts.com の元のフィドルです。highcharts-ng で動作するように少し変更しました:
bit.ly/1kOPi7L

助けてくれてありがとう