Kolumna Google pozycja legenda pozycja wykresu

Question

Chcę po prostu ustawić legendę zaznaczonego miejsca na górze wykresu.
Poniżej znajduje się kod Wykres Google, który nie działa:

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

Jeśli chcesz legendę u góry wykresu, należy ustawić opcję legend.position do „top”:

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

i przy zastosowaniu ChartWrapper, opcje muszą być wewnątrz parametr „Opcje”:

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

musimy dodać kod ins sekcja opcji ide, np. jak poniżej:

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

Użyłem poniżej API, aby rozwiązać problem:

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