問題タブ [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.
angularjs - highcharts-ng の注意事項
highcharts-ng to use ディレクティブについて詳しく読みましたが、多くの注意事項があります。
2 つのオプションがあります。 - highcharts.js を使用してから、ディレクティブを作成します。- highcharts-ng ディレクティブを使用します。
angular で highcharts ディレクティブを使用する最良の方法は何highcharts-ng
ですかhighcharts-ng
?
angularjs - highcharts-ng でエクスポート ボタンを非表示にする方法
私はhighcharts-ngライブラリでAngularjsを使用しており、チャートをエクスポートする機能を持つハイチャートディレクティブ(エクスポートボタンを表示する)と、そのオプションのないハイチャートディレクティブ(エクスポートボタンを表示しない)が必要ですが、無効にすることはできませんでした構成オブジェクトを使用してボタンを (非表示)。どうやってやるの?
ここにスニペットがあります
エクスポート プロパティを無効にしても
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 ディレクティブがそれ自体をレンダリングできるようになる前に、グリッドの幅と高さを設定できないようです。助けてください。
angularjs - クリック機能に関する問題 highcharts-ng および Angularjs
グラフのファクトリ プロバイダーをセットアップしました。グラフは、highcharts と、angularjs の highcharts ディレクティブである highcharts-ng から構築されます。
SentimentChartController という名前のコントローラー内で、次のようにグラフ ノードにクリック関数を作成しました。
グラフ ノードをクリックすると生成される html は次のとおりです。
私の SentimentChartController では、次の関数も宣言しました。
この関数は、上記で定義したクリック関数中に作成される次の img 要素の onclick を起動する必要があります
ただし、「Uncaught ReferenceError: closeDrillDown が定義されていません」というエラーが表示されます。
コンテナ div で ng-controller="SentimentChartController" を設定したにもかかわらず、なぜこれが起こっているのですか
javascript - ハイチャート複雑な列範囲グラフ
ユーザーが入力した睡眠データを表示するグラフを作成する必要があります。ユーザーは、開始日時と終了日時、および品質の数値を入力します。グラフの y 軸は、01:00 PM (最小) から 12:59 PM (最大) までの時間である必要があります。x 軸は、「2015 年 1 月 1 日 - 2015 年 1 月 2 日」のように、睡眠が発生した日付でなければなりません (これは、1 つの「ポイント」の目盛りラベルです) (説明については、フィドルを参照してください)。最後に、「ポイント」は睡眠の質の値に基づいて色分けされます。使用されているデータは次のようにフォーマットされています。
私が抱えている問題は、これらすべてを正しく連携させることです。columnrange グラフでは、カテゴリ x 軸を使用する必要があるようです。これは、datetime の x 軸と同じようには機能しないのではないかと思います。特に、より大きなデータ セットではそうです。
私はフィドルを作成しました。それは私が必要とするものの正しい軌道に乗っていますが、ご覧のとおり、いくつかの問題があります。2. columnrange は、ここで目的を達成するための正しいグラフ タイプですか? 3. 睡眠の質の値と日時の範囲で書式設定されたツールチップを取得するにはどうすればよいですか? (明示的なカテゴリを追加しようとしましたが、x 軸が台無しになりました。[目盛りラベルが消えました])
ある機能を追加しようとすると、別の機能が誤動作し始めるようです。
このグラフに関するガイダンスをいただければ幸いです。
highcharts - ライン データ シリーズの Highstock の不正確なレンダリング
データを折れ線グラフにすると、一部のデータ ポイントが実際のデータ値よりも高くまたは低くレンダリングされることに気付きました。これは、グラフの幅が通常よりも小さい場合に発生します (私の場合、幅 358px で発生します)。
この例は、highcharts-ng を使用した問題を示しています。
同じシリーズを 2 回 (1 回は折れ線グラフとして、2 回目は棒グラフとして) レンダリングして、不一致を示しています。