2012-01-10 9 views
2

新しいウェブプロジェクトでGoogleラインチャートを使用したいと思います。私はこのようなスタイルを付けたいと思っています。これはpictureに表示され、月間の日付を表示します。もし可能なら、それをどうやるか教えていただけますか?Googleラインチャートのスタイル設定

+0

あなたは、そのリンク上のグラフをダウンロードし、ソースコードを動作させることができます。 – jamesTheProgrammer

+0

試してみてくださいhttp://imagecharteditor.appspot.com/ – frictionlesspulley

+0

私は自分の答えを見直していましたが、これは正解とは言えませんでした。もしそうなら、質問を閉じることができますか? – titico

答えて

1

Google Chartツール> を使用してGoogleの折れ線グラフを描画しようとしている場合は、「視覚化遊び場」とも呼ばれる「コードプレイグラウンド」で遊ぶことを強くおすすめします。

Google Chartに行き、概要>チャートギャラリー>エリアチャート(あなたの場合)を選択します。通常、チャート画像の例の下にリンク「視覚化遊び場」があります。コードで

プレイあなたはそれが何を理解し、機能drawVisualization内で次のコードに注意を払ってまで:例えば、あなたのチャートのスタイルを設定オプションに戻り、これらのオプションを使用

var ac = new google.visualization.AreaChart(document.getElementById('visualization')); 
    ac.draw(data, { 
    title : 'Monthly Coffee Production by ....', 
    isStacked: true, 
    width: 600, 
    height: 400, 
    vAxis: {title: "Cups"}, 
    hAxis: {title: "Month"} 
    }); 

これを

var ac = new google.visualization.AreaChart(document.getElementById('visualization')); 
     ac.draw(data, { 
     title : 'Monthly Coffee Production by ....', 
     isStacked: true, 
     width: 600, 
     height: 400, 
     vAxis: {title: "Cups"}, 
     hAxis: {title: "Month"}, 
     colors: ['#000000', '#FF6600', 'red'] 
     }); 

・ホープ: [「黒」]または、このような黒、オレンジと赤に色を変更する:あなたは、オプションで別の行色を追加黒にすべてをかけるしたい場合助けてください

関連する問題