0

Highstocks のドキュメントを調べたところ、次の例が見つかりました。

例 1

ここに示されているのは、同じチャート上の 2 つの系列です。したがって、リンクされた範囲セレクターを使用しています。これは非常に便利ですが、非常に難しいことが判明している別のものを表示したいと考えています。

私が探しているのは、上の系列の通常の折れ線グラフで、時間に沿ってプロットされたデータを表します (この例とほぼ同じです) が、下のグラフの棒グラフまたは水平キャンドル チャートは、1 つ以上のタイムラインを表します。

私が探しているもののイメージを描きました：

ここに画像の説明を入力

粗雑な図で申し訳ありませんが、私が達成しようとしていることを示してくれることを願っています: 上が標準グラフ、下がバー/ローソク足です。

これをレンダリングするためにさまざまな手法を試みましたが、両方のシリーズを同じタイムスケールで描画し、同じ範囲セレクターにリンクする方法が見つかりません。

それが役立つ場合は、不要なコードをすべて削除した JSFiddle の開始点を次に示します: http://jsfiddle.net/g105b/8JhXv/

元のデモへのリンク: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick-and-volume/

4

1 に答える 1

1

公式ハイチャート フォーラムからの回答

可能ですが、いくつかの制限があります。実際にガントチャートを表示したい。あなたの場合、棒グラフは不可能です-棒グラフ=反転した全体のグラフ（yAxisがxAxisになるなど）。代わりに、ガント チャートの例を見てみましょう: http://jsfiddle.net/highcharts/r6emu/

それらを 1 つの効果に組み合わせることができます: http://jsfiddle.net/8JhXv/1/

制限について:

  • 下のグラフのツールチップは、開始日と終了日にマウスオーバーした場合にのみ使用できます
  • バーはライン上にあり、ライン間ではありません
于 2012-08-06T09:24:41.640 に答える