列谷歌图表传奇位置问题

use*_*267 13 javascript google-visualization

我想简单地将标记的地点图例设置在图表的顶部.
以下是Google Chart代码,它不起作用:

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

asg*_*ant 39

如果您希望图表位于图表顶部,则需要将legend.position选项设置为"top":

legend: { position: 'top', alignment: 'start' }
Run Code Online (Sandbox Code Playgroud)

当使用ChartWrapper时,您的选项需要位于"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();
Run Code Online (Sandbox Code Playgroud)