Problema di posizione della legenda del grafico della colonna Google

Question

Desidero semplicemente impostare la legenda del luogo contrassegnata sulla parte superiore del grafico.
seguito è riportato il codice di Google Chart che non funziona:

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

Answer 1

Se si vuole la leggenda nella parte superiore del grafico, è necessario impostare l'opzione legend.position al "top":

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

e quando si utilizza un ChartWrapper, le opzioni devono essere all'interno del parametro "opzioni":

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

Answer 2

abbiamo bisogno di aggiungere gli angoli del codice sezione opzione ide es. come di seguito:

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" 
     } 
    }; 

Answer 3

ho usato sotto api per risolvere il problema:

legend.position: ['top', 'bottom']