2012-03-26 10 views
9

私は、ラインシリーズの1つに点線を付したGoogleのラインチャートが必要です。Googleのライングラフの破線

これはgoogle jsapi(javascript)を使用して可能ですか?

私は実際に、ほとんどのデータではAreaChartを使用しますが、LineChartを使用する1つのシリーズではComboChartの使用を計画しています。そして、その線を破線にしたいと思います...

+0

あなたはhttp://fusioncharts.com/ –

答えて

13

はい、できます。 ドックのdata table rolesをちょうど読む

あなたが描くあらゆる点は確かである(確実性:真)か不確か(確信度:偽)である可能性があります。 2つの点の間で、一方または両方が不確実な場合、その間の線は破線で表示されます。

あなただけのようにしなければならない。

var data = new google.visualization.DataTable(); 
data.addColumn('string', 'Month'); 
data.addColumn('number', 'Sales'); 
data.addColumn({type:'boolean',role:'certainty'}); // certainty col. 
data.addRows([ 
    ['April',1000, true], 
    ['May', 1170, true], 
    ['June', 660, true], 
    ['July', 1030, false] 
]); 
var chartLineWithDash = new google.visualization.LineChart(yourDiv); 
chartLineWithDash .draw(data); 

6月と7月の間の線が破線されます。

現時点では「実験的」なスタイルですが、お気軽にお問い合わせください! :) あなたを助けてくれることを願っています!

+0

を見ましたか?これはデータビューでも機能します。上記のように "data"変数を設定すると、var view = new google.visualization.DataView(data)を実行できます。その後、view.setColumns()を呼び出すときに、確実に追加された列の新しい列インデックスを必ず含めてください。 – scottndecker

関連する問題