google-visualization - 在基本的 Google 条形图中添加 API 代码

Question

我有一个基本的谷歌图表：-

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Austria', 'Belgium', 'Czech Republic'],
    ['2006',  1600652,   4604684,       940478],
    ['2007',  1968113,   4013653,       1037079],
    ['2008',  1901067,   6792087,       1037327]
  ]);

// Create and draw the visualization.
      new google.visualization.ColumnChart(document.getElementById('visualization')).
          draw(data,
           {title:"Yearly Coffee Consumption by Country",
            width:600, height:400,
            hAxis: {title: "Year"}}
      );
}

​ 我希望能够指定边框颜色和宽度等。你能告诉我如何使用API​​命令：-backgroundColor.stroke，backgroundColor.strokeWidth，

即如何添加这些 API 调用。

谢谢

Answer 1

您可以发送stroke颜色和strokeWidth其他选项的设置，类似于您为 指定标题的方式hAxis：

backgroundColor: {
    stroke: '#000',
    strokeWidth: '2'
}

这会给图表一个黑色的 2 像素边框，在jsfiddle上演示。