在基本Google条形图中添加API代码

时间:2012-06-20 14:01:37

标签: google-visualization

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

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调用。

由于

1 个答案:

答案 0 :(得分:1)

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

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

这将使图表在jsfiddle上显示黑色2像素边框,演示。