专栏谷歌图表图例位置问题

Column Google chart legend position issue

本文关键字：位置 问题 谷歌      更新时间：2023-09-26

我只想在图的顶部设置标记的位置图例
以下是不起作用的谷歌图表代码：

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

如果希望图例位于图表顶部，则需要将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();

我们需要在选项部分中添加代码，例如：

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

我使用了下面的api来修复这个问题：

legend.position: ['top', 'bottom']
相关文章：