2012-02-01 25 views
1

散布図を使用して、次の範囲のデータを表示しています:x = [-1..1] y = [-1..1]。例えば水平線を描画することは可能ですか? y = 0.5? JavaScriptチャート(イメージチャートではない)を使用しています。Google散布図の水平線

答えて

2

私たちは仕事で同じ問題を抱えていました。残念ながら、現時点では、Google Chartsでは棒グラフのように散布図に線を表示する簡単な方法はありません。あなたがここに見ることができるよう

最後に、私たちは、私たちのために完璧に動作「小さなトリック」を見つけ: http://csgid.org/csgid/statistics/structures

トリックを「折れ線グラフ」を作成するが、0に線幅プロパティの設定で構成され、 は、点列の〜5を示し、線幅 1および点数 0をラインのセリフで示します。 それは次のようになります。私はtrueにinterpolateNullsにを設定しなかったのはなぜ

interpolateNulls: true, 
     series: { 
      0: { lineWidth: 0, pointSize: 5 }, 
      1: { lineWidth: 0, pointSize: 5 }, 
      2: { lineWidth: 0, pointSize: 5 }, 
      3: { lineWidth: 0, pointSize: 5 }, 
      4: { lineWidth: 1, pointSize: 0 } 
     } 

?そのため、配列のデータをJSONに変換してGoogle Chartsに渡す前に、データを設定する方法を変更する必要がありました。すべての行で、Y軸の各値に対してX軸の各セリフの値を設定する必要がありました。だからセリがそのX値のY値を持たないとき(つまり、セリがそのX値のためのポイントを持たないとき)、X値をnullにする必要がありました。だから、ラインのセリエのために同じ。 これは(JSONで)最初のセリエのワンポイントになります:

[2.6,0.184,null,null,null,null] 

そしてラインのセリエA(最後のセリエ)のこの1「ポイント」:

[4,null,null,null,null,0.254] 

たぶんそれはありません最も効率的な方法ですが、それは動作します:)

私はそれを明確に説明して欲しいと思います。