Google Charts Y-Achse unsortiert

Question

Ich versuche Google Charts in einem meiner Projekte zu verwenden. Alles funktioniert ziemlich gut, aber meine Y-Achse ist völlig unsortiert.

Dies ist der eigentliche Code, den ich mein Diagramm anzeigen verwenden, um:

<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> 

Das Ergebnis ist ein wenig seltsam aussieht, ich glaube, die Werte für die Y-Achse sind nicht sortiert, aber genommen werden, wie sie kommen in Ich hoffe, dass mir jemand dabei helfen kann.

Answer 1

Versuchen Sie, die cols Definitionen für C1..C4 von "string" zu "number" zu ändern, um den von Ihnen angegebenen Daten zu entsprechen.

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

Codepen example