2013-08-12 14 views
9

グラフの上にマークされた場所の凡例を設定するだけです。
次が動作しないGoogleのチャートコードです:Column Googleグラフの凡例の位置問題

var wrapper = new google.visualization.ChartWrapper({ 
    chartType: 'ColumnChart', 
    dataTable: Dydata, 
    containerId: 'visualization', 
    legend: { position: 'bottom', alignment: 'start' }, 
    width: 520, 
    height: 350 
}); 
wrapper.draw(); 

答えて

28

あなたのチャートのトップに凡例をしたい場合は、「トップ」へlegend.positionオプションを設定する必要があります:

legend: { position: 'top', alignment: 'start' } 

とChartWrapperを使用しているとき、あなたのオプションは、「オプション」パラメータの内側にする必要があります。

var wrapper = new google.visualization.ChartWrapper({ 
    chartType: 'ColumnChart', 
    dataTable: Dydata, 
    containerId: 'visualization', 
    options: { 
     legend: { position: 'top', alignment: 'start' }, 
     width: 520, 
     height: 350 
    } 
}); 
wrapper.draw(); 
+0

ありがとうサー、それがチャートの下にそれを行う方法を私の問題を解決する – user2660267

+0

? – Suman

+0

'legend:{position: 'bottom'}'という凡例をチャートの下に移動するには、 'position'キーの値を' 'bottom ''に変更する必要があります。 – asgallant

3

我々はコードインを追加する必要がありますideオプションセクション。以下のように:

chart1.options = { 
     legend: { position: 'top', alignment: 'end' }, 
     "title": "Sales per month", 
     "isStacked": "true", 
     // "fill": 20, 
     "displayExactValues": true, 
     "vAxis": { 
      "title": "Sales unit", 
      "gridlines": { 
       "count": 10 
      } 
     }, 
     "hAxis": { 
      "title": "Date" 
     } 
    }; 
1

私は問題を解決するために、APIの下に使用しています

legend.position: ['top', 'bottom'] 
関連する問題