問題タブ [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 に答える
563 参照

datetime - Highcharts の日時形式の y 軸の間隔

y軸に日時形式のチャートを設定しています。それは正常に機能していますが、私の時間を丸めています。最小値を「00:00」(utc: 1453698000000) に設定し、最大値を「08:24」(utc: 1453698504000) に設定しました。私の形式は "%M:%S" (分:秒) です... tickInterval を 124000 (2 分 4 秒) に設定しました。2 つのこと: - 00:00 から 02:04 から 04:08 ect に移動する代わりに、02:00、04:00 ect に丸められます。-「08:00」までしかありません....どんな洞察も素晴らしいでしょう! ありがとう

ここに画像の説明を入力

0 投票する
3 に答える
1350 参照

javascript - 角度ディレクティブを返すようにハイチャートのツールチップを取得しますか?

Highcharts グラフ用の複雑なツールチップを作成しようとしています。これは、アプリにはあるがグラフには表示されない動的データを表示するため、すべての書式設定などに対して角度ディレクティブを作成するのが最善の策であると考えました。次に、カスタム フォーマッタ関数と共に、highcharts の useHTML : true 属性を有効にします。$compile() はエラーをスローしません..

ただし、このコードを実行すると、ツールチップには Object.object がテキストとして表示されるだけで、ディレクティブのテンプレートの内容は表示されません。私は何かを見逃していますか、それともこれは不可能でしょうか? 以下は、私たちが試みているものの例です...

これを何らかの DOM 要素に「追加」して機能させる必要があるかどうか疑問に思っていますが、そうであれば、ツールチップの要素の名前がわかりませんか?

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

javascript - HighChart で価格線が消える

私はHighChartsと Angular のhighcharts-ngディレクティブを使用しています。そして、私が取るほとんどの行動は、価格ラインを消滅させるか、実際には表示しない可能性が高い.

  • ブラウザー ウィンドウのサイズを変更して、グラフのサイズを変更します (線が90%消えます) 。
  • タイムスパンの変更 (約20%の確率で線が消えます)
  • 価格ライン データの変更 (ラインは約10%の確率で消えます)
  • チャートへの面グラフの追加または削除
  • エラーなし

^ 上記の%は感覚に基づいています:(

ここに画像の説明を入力

^ また、フォーカス タイムライン ナビゲーター内の折れ線グラフも消えることに注意してください。また、グラフにカーソルを合わせると、欠けている線のポイントが表示されます。


以下は、チャートがどのように見えるかです (ただし、フォーカス ラインも下に消えています)。

ここに画像の説明を入力

私が使用しているグラフは、1 つの折れ線グラフ (株価) と他のデータをグラフ化する最大 3 つの面グラフを持つマルチ グラフの一種です。私もhighstocks 4.2.0を使用しています。私たちのアプリは非常に複雑で、plunkr で複製するのは困難です。

ここに画像の説明を入力

これが私のchartConfigです

チャートの生成方法:

ステップ 1 価格線を作成する

ここで私の tickersController で、どのティッカーをチャート コントローラーに送信するかをブロードキャストします。

$scope.$emit("display.chart", vm.ticker.ticker);

私の highChartsController はイベントを受け取り、その作業を開始します。

以下は、API GET を待機する Promise を含む displayChart 関数です (Promise は quote_data のデータを返します)。

今私のeventListenerに戻って$scope.$on("display.chart", function(event, ticker) {

displayChart が Promise とデータを返したら、シリーズを追加してから次のように呼び出しますcheckForTags()

ステップ 2、面グラフを取得してグラフ化します。

ステップ 3、ブラウザ ウィンドウのサイズを変更します。

以下は、chartController にイベントをブロードキャストするウィンドウ サイズ変更関数です。restoreChartSize がヒットし、最後に changePeriodicity がヒットします。

ここでの考えや指示は大歓迎です!

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

javascript - TypeError: Highcharts[h] は関数ではありません

私の Plnkr リンク: http://plnkr.co/edit/S0BKjrgxz564oCPs9nCw?p=preview

ここに画像の説明を入力

なぜこのエラーが発生するのでしょうか? どこにあるのかわからないHighcharts[h]...

コントローラーコード

0 投票する
0 に答える
300 参照

javascript - ハイチャートにプリロードを入れる

プリロードを入れてみました。現在、私は38シリーズを持っています。また、preload.show () および preload.hide () というプリロード アニメーションを生成する関数があります。チャートを生成しようとすると、アニメーションの preload.show が呼び出され、アニメーションが終了すると、 preload.hide() が呼び出されます。

アイデアは、チャートの準備が整う前にプリロードが表示されるということですが、奇妙なことに、充電はプリロードを表示しませんが、プリロードはアニメーションを終了する前に約1秒しかありません. 私は何ができますか ?。完全なコードを配置して、それをビジネスおよびセキュリティ ポリシーで使用することはできないので、できません。

つまり、チャートを作成した瞬間からプリロードが表示されません。私が望むように、これはコンピューターで見栄えがします。しかし、この問題はセルで発生します。

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

charts - イオン フレームワークでバブル チャートを作成する (highcharts-ng? を使用)

Ionicを使用してアプリをプログラミングしており、グラフを表示する必要があります。そのうちの 1 つで、バブル チャートを試してみたかったのですが、 highcharts-ngを使用してそれを行う方法が見つからないようです。元のライブラリ Highcharts にバブル チャートがあることは知っていますが、highcharts-ng では見つからないようです。サポートされていますか?はいの場合、どうすればできますか?

デザイナーは、次のようなものを実現することを望んでいます。

グラフの例

これを行うためにhighcharts-ngをカスタマイズする方法はありますか? または、これを達成するために使用できる他のものはありますか?