2016-06-29 9 views
2

私のプロジェクトで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軸の値がソートされていないと思いますが、彼らが来るとして採用されています Google Chart Result 私は誰かがこれについて私を助けることを願っています。

答えて

0

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

関連する問題