Google 차트는 y 축에 부정적 값을 계속 표시합니다.

Question

현재 Google 차트를 사용하여 사용자에게 데이터를 시각화하고 있습니다. 데이터가 없으면 Google 차트는 -1에서 1로 Y 축을 자동으로 그립니다. 그러나 제 경우에는 -1이 의미가 없으므로 0에서 n까지 빈 차트를 표시하려고합니다 (최대 값은 ' t 문제, 나는 단지 부정적인 것을 원하지 않는다). 이미 해결책을 찾았으며 가장 일반적인 대답은

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); 
} 

을 그리고 결과는 항상 :

: 당신의 도움 :)

편집에 미리

감사합니다 나는 또한 시도했다

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

Answer 1

조각 다음작동하지만 재료 차트를 사용하는 경우,
이 옵션을 변환해야 ...

볼

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>