0

ハイチャートに columnrange シリーズがあり、シリーズの各範囲に特定の色を設定できるようにしたいと考えています。1色だけを使用する限り、これはうまくいきました：

data: [[1, 5, 10], [2, 10, 20]]

ここで、各リストの最初の値は X で、次の 2 つは Y 範囲の開始と終了です。各範囲に個別の色を付けるには、配列表記の代わりに「オブジェクト表記」を使用する必要があると考えたので、これを試しました：

data: [{ 
    x: 1,
    y: [5,10],
    fillColor: "red"
},{
    x: 2,
    y: [10,20],
    fillColor: "blue"
}]

ただし、これは機能しませんでした (無効な値が得られました)。このケースが API ドキュメントでカバーされていることがわかりません: http://api.highcharts.com/highcharts#series.data

オブジェクト表記を使用して範囲 (2 つの Y 値) を設定する方法を知っている人はいますか? または、範囲を別の方法で色付けできる別の方法がある場合は? PS: 私の Y 値は実際には日付範囲ですが、上記の例では簡略化しています。

編集: これは、私が達成しようとしていることを示す jsfiddle です: http://jsfiddle.net/Q2JMF/1/。タイプを「列」に変更し、y 値を 1 つの整数のみに変更すると、正常に動作することがわかります。しかし、columnrange では動作しません。

4

1 に答える 1

6

適切なオプションはlowとです。 http://jsfiddle.net/Q2JMF/2/highを参照してください。

data: [{ 
  x: 1,
  low: 7,
  high: 8,
  color: "red"
}, {
  x: 2,
  low: 6,
  high: 7,
  color: "blue"
}]
于 2013-03-11T12:16:26.607 に答える