問題タブ [highcharts-ng]
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.
javascript - インライン変数を使用した AngularJS のハイチャート (Pablojim の Highchart-ng を使用)
Pablojim の「Highchart-ng」モジュールを使用して、AngularJS で Highchart グラフ作成ライブラリを使用しています。
すべてが適切に設定されており、次のコードは意図したとおりに機能します。
しかし
ではない。( 「データ」の違いに注意してください)
次のエラーが発生し続けます。
注: 変数 {{visitors}} はコントローラーで適切に設定されており、テンプレートで使用すると、データは正常に機能します。また、以前のグラフ作成ライブラリである Flot でも機能していました。
複数の回避策を試しました:
- 通常、ディレクティブに次のようなものを追加することで、この (初期化) 問題を回避できる
ng-repeat="data in visitors | limitTo: 1"
ため、変数が使用可能になったときにのみ初期化されます (これは Flot と EasyPieCharts で機能します)。 - 追加してもうまくいき
ui-refresh="visitors"
ません、 - どちらも機能し
data: {{visitors || 0}}
ません。
では、テンプレート ファイル内に変数をインラインで追加するにはどうすればよいでしょうか。
highcharts - Highcharts-ng Size は Inspect Element まで div を埋めます
Highcharts-NG を使用して Angular-Firebase アプリにハイチャートを追加していますが、ハイチャートは div のサイズを想定していません。ただし、要素を検査してグラフのサイズをカスタマイズできるようになると、魔法のように div サイズが想定されます。検索を行い、見つかった修正のいくつかを試しましたが、どれも機能しません。これは既知の問題ですか? 要素を検査せずに適切なサイズにするにはどうすればよいですか?
angularjs - 系列データ配列が null の場合、データが利用できないというメッセージを表示します
angularjs(highcharts-ng)でハイチャートを使用しており、シリーズデータ配列がnullである可能性があるシリーズデータを動的に取得しています.nullの場合、グラフdivに「データがありません」などのメッセージを表示したい. これどうやってするの??
javascript - highcharts-ng縦棒グラフxAxisラベルにng-clickを追加
角度のあるアプリ内で highcharts-ng を使用しています。xAxis ラベルがクリックされたときに関数を実行する必要があります。チャートに追加しているカテゴリとラベルの下を参照してください。
現在、ラベルとアラートに onclick を追加できますが、これを angular で動作させることはできません。
http://pablojim.github.io/highcharts-ng/
現在のコードの実例はこちら。 http://jsfiddle.net/3gLr4vcu/
javascript - AngularJS で外部 JavaScript を手動でロードおよびアンロードする
ビューを表示するときに外部の JavaScript をロードし、ビューを離れるときにアンロードするように angular に指示することは可能ですか?
ハイチャートとハイストックという 2 つの互換性のない JavaScript ライブラリがある可能性があります。Highstocks はハイチャートを提供しますが、いくつかの機能はありません (3D はありません...)。Highcharts-ng の使用は、highstocks.js がロードされている場合にのみ機能します。
しかし、他のいくつかのビューでは、特定のグラフで highcharts.js を使用したいと考えています。
したがって、最悪の場合、ハイチャートを表示する (highcharts.js をロードする) 角度付きビューと、ハイストックを表示するビューが必要です。しかし、これらの外部 JavaScript は index.html にロードする必要があるため、これは機能しません。
ビューにhighcharts.jsをロードし、このビューを離れるときにアンロードし、別のビューに切り替えるときにhighstocks.jsをロードすることは可能ですか?
ありがとう
highcharts - パイの dataLabels 番号をカンマで印刷する
コンマで数値を出力しようとしています (9,000 だけの 9,000 のインスタンスを表示しています)。これがフォーマットを設定する方法です
format: '{point.name}: {point.y}'
{point.y}
必要な結果を返す関数に入る方法が見つかりません。この方法を試しましformat: '{point.name}: '+ numberWithCommas(point.y)
たが、もちろん、それpoint is not defined
を処理する方法がわかりません。どのように機能させることができますか?
ありがとう
angularjs - angularjsとhighcharts / highchartsNG - renderToが機能しない
Angular で HighChartsNG を使用しています。特定の Div でチャートを明示的にレンダリングしたいので、options.chart.renderTo = 'divId' を使用しますが、うまくいかないようです
html:
JS
上記の例では、チャートを明示的に「中央」の div にレンダリングしようとしていますが、それは起こっていないようです。私は何を間違っていますか?