問題タブ [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.

0 投票する
1 に答える
724 参照

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}}ません。

では、テンプレート ファイル内に変数をインラインで追加するにはどうすればよいでしょうか。

0 投票する
1 に答える
710 参照

highcharts - Highcharts-ng Size は Inspect Element まで div を埋めます

Highcharts-NG を使用して Angular-Firebase アプリにハイチャートを追加していますが、ハイチャートは div のサイズを想定していません。ただし、要素を検査してグラフのサイズをカスタマイズできるようになると、魔法のように div サイズが想定されます。検索を行い、見つかった修正のいくつかを試しましたが、どれも機能しません。これは既知の問題ですか? 要素を検査せずに適切なサイズにするにはどうすればよいですか?

ここに問題の YouTube ビデオがあります: LINK

0 投票する
1 に答える
866 参照

angularjs - 系列データ配列が null の場合、データが利用できないというメッセージを表示します

angularjs(highcharts-ng)でハイチャートを使用しており、シリーズデータ配列がnullである可能性があるシリーズデータを動的に取得しています.nullの場合、グラフdivに「データがありません」などのメッセージを表示したい. これどうやってするの??

0 投票する
1 に答える
1555 参照

javascript - highcharts-ng縦棒グラフxAxisラベルにng-clickを追加

角度のあるアプリ内で highcharts-ng を使用しています。xAxis ラベルがクリックされたときに関数を実行する必要があります。チャートに追加しているカテゴリとラベルの下を参照してください。

現在、ラベルとアラートに onclick を追加できますが、これを angular で動作させることはできません。

http://pablojim.github.io/highcharts-ng/

現在のコードの実例はこちら。 http://jsfiddle.net/3gLr4vcu/

0 投票する
1 に答える
725 参照

javascript - AngularJS で外部 JavaScript を手動でロードおよびアンロードする

ビューを表示するときに外部の JavaScript をロードし、ビューを離れるときにアンロードするように angular に指示することは可能ですか?

ハイチャートとハイストックという 2 つの互換性のない JavaScript ライブラリがある可能性があります。Highstocks はハイチャートを提供しますが、いくつかの機能はありません (3D はありません...)。Highcharts-ng の使用は、highstocks.js がロードされている場合にのみ機能します。

しかし、他のいくつかのビューでは、特定のグラフで highcharts.js を使用したいと考えています。

したがって、最悪の場合、ハイチャートを表示する (highcharts.js をロードする) 角度付きビューと、ハイストックを表示するビューが必要です。しかし、これらの外部 JavaScript は index.html にロードする必要があるため、これは機能しません。

ビューにhighcharts.jsをロードし、このビューを離れるときにアンロードし、別のビューに切り替えるときにhighstocks.jsをロードすることは可能ですか?

ありがとう

0 投票する
1 に答える
2705 参照

highcharts - パイの dataLabels 番号をカンマで印刷する

コンマで数値を出力しようとしています (9,000 だけの 9,000 のインスタンスを表示しています)。これがフォーマットを設定する方法です format: '{point.name}: {point.y}'

{point.y}必要な結果を返す関数に入る方法が見つかりません。この方法を試しましformat: '{point.name}: '+ numberWithCommas(point.y)たが、もちろん、それpoint is not definedを処理する方法がわかりません。どのように機能させることができますか?

ありがとう

0 投票する
2 に答える
1414 参照

angularjs - angularjsとhighcharts / highchartsNG - renderToが機能しない

Angular で HighChartsNG を使用しています。特定の Div でチャートを明示的にレンダリングしたいので、options.chart.renderTo = 'divId' を使用しますが、うまくいかないようです

JSFiddleデモ

html:

JS

上記の例では、チャートを明示的に「中央」の div にレンダリングしようとしていますが、それは起こっていないようです。私は何を間違っていますか?