2016-07-12 17 views
2

私は現在、Google Chartsを使用してユーザーにデータを視覚化しています。データがない場合、Googleグラフは自動的に-1から1までのy軸を描画します。しかし、私の場合-1は意味をなさないので、0からnまでの空のグラフを表示します(最大値は '私はちょうど否定的なものを望まない)。私はすでに解決策を探していましたが、最も一般的な答えは、そのGoogle ChartはyAxisに負の値を表示し続ける

viewWindow: { 
    min: 0 
} 

が役に立ちます。しかし、それはしません。他の多くのユーザーにとってはうまくいくので間違った使い方をしていると思いますが、何が間違っているのか分かりません。だからここに私は負のY値を避けるためにしようとした方法です:

function drawChart() { 
    var data = google.visualization.arrayToDataTable(dataArray); 

    var options = { 
     vAxis: { viewWindowMode: "explicit", viewWindow:{ min: 0 }}, 
     chart: { 
      title: 'Check Diagramm', 
      subtitle: '@chartTitle', 
     }, 
     colors: ['#8BC34A', '#F44336'] 
    }; 

    var chart = new google.charts.Bar(document.getElementById('columnchart_material')); 

    chart.draw(data, options); 
} 

、結果は常にある:あなたの助けを事前に

enter image description here 感謝:)

編集:

私も試しました

vAxis: { 
    minValue:0, 
    viewWindow: { 
     min: 0 
    } 
} 

答えて

2

viewWindow: {min: 0}の動作しますが、次のスニペットを参照してください
オプションを変換する必要があり素材チャート、...

google.charts.Bar.convertOptions

を使用して...

google.charts.load('current', { 
 
    callback: function() { 
 
    var dataArray = [ 
 
     ['Month', 'Positive Checks', 'Negative Checks'], 
 
     ['Jan', 0, 0], 
 
     ['Feb', 0, 0], 
 
     ['Mar', 0, 0], 
 
     ['Apr', 0, 0], 
 
     ['May', 0, 0] 
 
    ]; 
 

 
    var data = google.visualization.arrayToDataTable(dataArray); 
 

 
        // convert options 
 
    var options = google.charts.Bar.convertOptions({ 
 
     height: 600, 
 
     width: 800, 
 
     vAxis: { 
 
     viewWindow: { 
 
      min: 0 
 
     } 
 
     }, 
 
     chart: { 
 
     title: 'Check Diagramm', 
 
     subtitle: '@chartTitle', 
 
     }, 
 
     colors: ['#8BC34A', '#F44336'] 
 
    }); 
 

 
    var chart = new google.charts.Bar(document.getElementById('columnchart_material')); 
 

 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['bar'] 
 
});
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="columnchart_material"></div>

関連する問題