問題タブ [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 投票する
2 に答える
237 参照

angularjs - highcharts-ng の注意事項

highcharts-ng to use ディレクティブについて詳しく読みましたが、多くの注意事項があります。

2 つのオプションがあります。 - highcharts.js を使用してから、ディレクティブを作成します。- highcharts-ng ディレクティブを使用します。

angular で highcharts ディレクティブを使用する最良の方法は何highcharts-ngですかhighcharts-ng?

0 投票する
4 に答える
2459 参照

angularjs - highcharts-ng でエクスポート ボタンを非表示にする方法

私はhighcharts-ngライブラリでAngularjsを使用しており、チャートをエクスポートする機能を持つハイチャートディレクティブ(エクスポートボタンを表示する)と、そのオプションのないハイチャートディレクティブ(エクスポートボタンを表示しない)が必要ですが、無効にすることはできませんでした構成オブジェクトを使用してボタンを (非表示)。どうやってやるの?

ここにスニペットがあります

エクスポート プロパティを無効にしても

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

javascript - angularjs で angular-gridster ディレクティブと highcharts-ng ディレクティブを一緒に使用する方法

angularjs-gridster ( https://github.com/ManifestWebDesign/angular-gridster ) を higharts-ng ディレクティブ ( https://github.com/pablojim/highcharts-ng/blob/master/README.md )と共に使用しています。

グリッド セル内でこれらのハイチャートを生成しようとしています。私の問題は、グラフ ドロワー関数を $timeout サービスに配置しても、ハイチャートがデフォルトの幅と高さ (600px * 400px) を占めていることです。コードは次のとおりです。

HTML :

JS :

グリッドセルの幅と高さでウォッチを作成しようとしましたが、変化はありません。デフォルトで親の幅と高さを取るが、それが起こらないことをhighcharts-ngのドキュメントで読んだので、graph.configオプションでハイチャートの幅と高さを明示的に指定していません。考えられる問題を教えてください。

angularjs-gridster プラグインは、highcharts ディレクティブがそれ自体をレンダリングできるようになる前に、グリッドの幅と高さを設定できないようです。助けてください。

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

angularjs - クリック機能に関する問題 highcharts-ng および Angularjs

グラフのファクトリ プロバイダーをセットアップしました。グラフは、highcharts と、angularjs の highcharts ディレクティブである highcharts-ng から構築されます。

SentimentChartController という名前のコントローラー内で、次のようにグラフ ノードにクリック関数を作成しました。

グラフ ノードをクリックすると生成される html は次のとおりです。

私の SentimentChartController では、次の関数も宣言しました。

この関数は、上記で定義したクリック関数中に作成される次の img 要素の onclick を起動する必要があります

ただし、「Uncaught ReferenceError: closeDrillDown が定義されていません」というエラーが表示されます。

コンテナ div で ng-controller="SentimentChartController" を設定したにもかかわらず、なぜこれが起こっているのですか

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

javascript - ハイチャート複雑な列範囲グラフ

ユーザーが入力した睡眠データを表示するグラフを作成する必要があります。ユーザーは、開始日時と終了日時、および品質の数値を入力します。グラフの y 軸は、01:00 PM (最小) から 12:59 PM (最大) までの時間である必要があります。x 軸は、「2015 年 1 月 1 日 - 2015 年 1 月 2 日」のように、睡眠が発生した日付でなければなりません (これは、1 つの「ポイント」の目盛りラベルです) (説明については、フィドルを参照してください)。最後に、「ポイント」は睡眠の質の値に基づいて色分けされます。使用されているデータは次のようにフォーマットされています。

私が抱えている問題は、これらすべてを正しく連携させることです。columnrange グラフでは、カテゴリ x 軸を使用する必要があるようです。これは、datetime の x 軸と同じようには機能しないのではないかと思います。特に、より大きなデータ セットではそうです。

私はフィドルを作成しました。それは私が必要とするものの正しい軌道に乗っていますが、ご覧のとおり、いくつかの問題があります。2. columnrange は、ここで目的を達成するための正しいグラフ タイプですか? 3. 睡眠の質の値と日時の範囲で書式設定されたツールチップを取得するにはどうすればよいですか? (明示的なカテゴリを追加しようとしましたが、x 軸が台無しになりました。[目盛りラベルが消えました])

ある機能を追加しようとすると、別の機能が誤動作し始めるようです。

http://jsfiddle.net/XBmB5/59/

このグラフに関するガイダンスをいただければ幸いです。

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

highcharts - ライン データ シリーズの Highstock の不正確なレンダリング

データを折れ線グラフにすると、一部のデータ ポイントが実際のデータ値よりも高くまたは低くレンダリングされることに気付きました。これは、グラフの幅が通常よりも小さい場合に発生します (私の場合、幅 358px で発生します)。

このは、highcharts-ng を使用した問題を示しています。

同じシリーズを 2 回 (1 回は折れ線グラフとして、2 回目は棒グラフとして) レンダリングして、不一致を示しています。