Google Charts Y軸未排序

我嘗試在我的一個項目中使用Google Charts。一切工作都很好，但我的Y軸完全沒有排序。Google Charts 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軸的值進行排序而將其作爲他們進來我希望有人能幫我解決這個問題。

來源

2016-06-29 Doppelmoep

嘗試將C1..C4的cols定義從「字符串」更改爲「數字」以匹配您提供的數據。

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

Codepen example

來源

2016-06-29 21:08:46

Google Charts Y軸未排序

回答

相關問題