Google Chart Y-Axis unsorted

Question

Я пытаюсь использовать Google Chart в одном из моих проектов. Все работает очень хорошо, но моя ось 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 не сортируются, но принимаются как они приходят в Надеюсь, кто-то может помочь мне в этом.

Answer 1

Попробуйте изменить определения cols на C1..C4 от «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