如何在谷歌api图表的柱形图中获取vaxis线?

时间:2013-11-21 11:56:01

标签: javascript google-api

我在谷歌api图表中使用corechart包的柱形图。在此图表中,我需要垂直轴线(y轴线)。如何在柱状图中获得垂直轴线。

我将此link用于创建此图表

实际

enter image description here

预期

enter image description here

1 个答案:

答案 0 :(得分:4)

使Y轴编号不是字符串。

这里是代码:复制并粘贴这是google Code Playground。

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Austria', 'Bulgaria' ],
    [12,  133,    400],
    [21,  153,    366],
    [20,  155,    240],
    [27,  160,    134],
    [10,  196,    393],
    [8,  190,    232]
  ]);

  // Create and draw the visualization.
  new google.visualization.ColumnChart(document.getElementById('visualization')).
      draw(data,
           {title:"Yearly Coffee Consumption by Country",
            width:600, height:400,
            vAxis: {title: "Year",ticks: [{v:100, f:"100$"},{v:150, f:"150$"},{v:200, f:"200$"},{v:300, f:"300$"}]},
            hAxis: {title: "Cups",ticks: [{v:4, f:"3-4"},{v:8, f:"5-9"},{v:10, f:"9-13"},{v:14, f:"13-14"},{v:20, f:"15-20"}]} }
      );
}