web-dev-qa-db-fra.com

Problème de position de la légende des cartes Google

Je veux simplement placer la légende de lieu marquée en haut du graphique.
Voici le code Google Chart qui ne fonctionne pas:

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

Si vous souhaitez que la légende se trouve en haut de votre graphique, vous devez définir l'option legend.position sur "top":

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

et lorsque vous utilisez ChartWrapper, vos options doivent figurer dans le paramètre "options":

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

nous devons ajouter le code dans la section des options, par exemple. comme ci-dessous:

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

J'ai utilisé ci-dessous api pour résoudre le problème:

legend.position: ['top', 'bottom']
0
Dev QuickLS