5

https://developers.google.com/chart/interactive/docs/gallery/linechart?hl=ja#Configuration_Options

特定の範囲に応じて、1本の線に異なる色を指定するにはどうすればよいですか?たとえば、1本の線は0から10までは青で、10から20までは赤である必要があります。

4

1 に答える 1

4

簡単な答え:できません。

長い答え:長い回避策を作成することはできますが、各ステップで、単色の線よりも悪いと感じる可能性のあるさまざまな問題が発生します。

データをループして、各色がシリーズごとに異なる列に表示されるようにします。これが最も速い方法です。

たとえば、データがある場合:

  var data = google.visualization.arrayToDataTable([
    ['Month', 'Data'],
    ['2004/05', 123],
    ['2005/06', 234],
    ['2006/07', 345],
    ['2007/08', 456],
    ['2008/09', 789]

そしてあなたはそれを3色に分割したい:<300、300-600

600

データを次のように表示するスクリプトを作成できます。

  var data = google.visualization.arrayToDataTable([
    ['Month', 'Red', 'Green', 'Blue'],
    ['2004/05', 123, null, null],
    ['2005/06', 234, null, null],
    ['2006/07', null, 345, null],
    ['2007/08', null, 456, null],
    ['2008/09', null, null, 789]

上記は、それぞれの異なる範囲の色付きのポイントを示します。実際にそれらを結ぶ線が特定のしきい値を超えるとすぐに色を変更したい場合は、任意の日で300の切片を計算し、それをシリーズに追加する必要があります。600と同じです。また、「月」シリーズを実際に日付値に変更して、その間のポイントを正しく設定できるようにする必要があります。もちろん、それらの中間点も表示されますが、これは別の頭痛の種です...

ドメインをいじることもできますが、それらは色付けには役立ちません(ただし、異なるポイントを同じシリーズに接続するのに役立ちます)。

于 2013-03-15T02:27:49.043 に答える