2016-06-29 6 views
2

내 프로젝트 중 하나에서 Google 차트를 사용하려고합니다. 모든 것이 잘 작동하지만 Y 축은 완전히 정렬되지 않습니다.Google 차트 Y 축 정렬되지 않음

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
<script type="text/javascript"> 
    google.charts.load('current', { 'packages': ['corechart', 'bar'] }); 

    google.charts.setOnLoadCallback(function() { 
     var title = 'Total Sales By Market and Year'; 
     var subtitle = 'Cincinnati, Cleveland, Columbus, and Dayton'; 
     var dataTable = new google.visualization.DataTable(
      {"cols":[{"label":"UsageDates","type":"string"},{"label":"C1","type":"string"},{"label":"C2","type":"string"},{"label":"C3","type":"string"},{"label":"C4","type":"string"}],"rows":[{"c":[{"v":"14.06.2016"},{"v":0},{"v":0},{"v":6},{"v":7}]},{"c":[{"v":"15.06.2016"},{"v":50},{"v":0},{"v":0},{"v":0}]},{"c":[{"v":"16.06.2016"},{"v":0},{"v":13},{"v":1},{"v":3}]},{"c":[{"v":"20.06.2016"},{"v":5},{"v":7},{"v":0},{"v":0}]}]} 
     ); 

     drawBarChart('chart_div', title, subtitle, dataTable); 
     //drawColumnChart('chart', title, dataTable); 
    }); 

    function drawColumnChart(elementId, title, dataTable) { 
     var options = { 
      title: title, 
      vAxis: { format: 'decimal' } 
     }; 
     var chart = new google.visualization.ColumnChart(document.getElementById(elementId)); 
     chart.draw(dataTable, options); 
    } 
</script> 

결과는 조금 이상한 보이는 그들이에서 와서, 나는 Y 축에 대한 값이 정렬되지 않습니다하지만 촬영 생각 :

이것은 내 차트를 표시하는 데 사용하는 실제 코드 Google Chart Result 누군가 나를 도와 줄 수 있기를 바랍니다.

답변

0

C1..C4에 대한 cols 정의를 "string"에서 "number"로 변경하여 입력 한 데이터와 일치 시키십시오.

"cols":[{"label":"UsageDates","type":"string"},{"label":"C1","type":"number"},{"label":"C2","type":"number"},{"label":"C3","type":"number"},{"label":"C4","type":"number"}] 

Codepen example

관련 문제