Google 차트 API가있는 기둥 차트 문제

Question

Google 차트 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 차트)는 도메인 축 (ColumnCharts의 경우 x 축) 값을 첫 번째 열에, 각 데이터 열의 값을 다음 열 (각 열은 일련의 한 데이터). 요구 사항과 기존 데이터를 감안할 때 데이터의 두 열 ("월"및 "값"(또는 사용자가 호출하기로 결정한 모든 데이터)이 포함 된 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}]} 
    ] 
};