谷歌圖表api的列圖表問題

Question

我想顯示谷歌圖表api的列圖表，這裏是我的代碼。 我想在X軸底部和值在左側圖表vetically y軸顯示月份名稱，但我不能讓它

google.load("visualization", "1", { packages: ["corechart"] }); 
    google.setOnLoadCallback(drawChart); 
function drawVisualization() { 
// Create and populate the data table. 
var JSONObject = { "cols": [ 
{ "id": "", "label": "Jan", "Pattern": "", "type": "number" },  
{ "id": "", "label": "Feb", "Pattern": "", "type": "number" }, 
{ "id": "", "label": "Mar", "Pattern": "", "type": "number" }, 
{ "id": "", "label": "Apr", "Pattern": "", "type": "number" }, 
      { "id": "", "label": "May", "Pattern": "", "type": "number" }, 
      { "id": "", "label": "Jun", "Pattern": "", "type": "number" }, 
      { "id": "", "label": "Jul", "Pattern": "", "type": "number" }, 
      { "id": "", "label": "Aug", "Pattern": "", "type": "number" }, 
      { "id": "", "label": "Sep", "Pattern": "", "type": "number" }, 
      { "id": "", "label": "Oct", "Pattern": "", "type": "number" }, 
      { "id": "", "label": "Nov", "Pattern": "", "type": "number" }, 
      { "id": "", "label": "Dec", "Pattern": "", "type": "number" } 
      ], "rows": 
      [{ "c": [ 
      { "v": "0"}, 
      { "v": "0", "f": null }, 
       { "v": "0", "f": null }, 
       { "v": "0", "f": null }, 
       { "v": "0", "f": null }, 
       { "v": "0", "f": null }, 
        { "v": "2000", "f": null }, 
        { "v": "0", "f": null }, 
        { "v": "0", "f": null }, 
        { "v": "1000", "f": null }, 
        { "v": "0", "f": null }, 
        { "v": "0", "f": null } 
        ] 
    }] 
      }; 
      var data = new google.visualization.DataTable(JSONObject); 

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

Answer 1

你需要改變數據的佈局。可視化API ColumnCharts（以及大多數類似的Viz API圖表）期望數據具有第一列中的域軸（x軸爲ColumnCharts）值以及以下列中每個數據系列的值（其中每列是一系列數據）。考慮到您的需求和您現有的數據，我認爲您需要一個包含兩列數據的DataTable：「月」和「值」（或任何您決定稱之爲的數據）。下面是一個例子：

var JSONObject = { 
    "cols": [ 
     {"type": "string", "label": "Month"}, 
     {"type": "number", "label": "Value"} 
    ], 
    "rows": [ 
     {"c":[{"v": "Jan"}, {"v": 0}]}, 
     {"c":[{"v": "Feb"}, {"v": 0}]}, 
     {"c":[{"v": "Mar"}, {"v": 0}]}, 
     {"c":[{"v": "Apr"}, {"v": 0}]}, 
     {"c":[{"v": "May"}, {"v": 0}]}, 
     {"c":[{"v": "Jun"}, {"v": 0}]}, 
     {"c":[{"v": "Jul"}, {"v": 2000}]}, 
     {"c":[{"v": "Aug"}, {"v": 0}]}, 
     {"c":[{"v": "Sep"}, {"v": 0}]}, 
     {"c":[{"v": "Oct"}, {"v": 1000}]}, 
     {"c":[{"v": "Nov"}, {"v": 0}]}, 
     {"c":[{"v": "Dec"}, {"v": 0}]} 
    ] 
};