Google Chart在yAxis上始終顯示負值

我目前正在使用Google Charts來將數據可視化爲用戶。如果沒有數據，谷歌圖表會自動繪製y軸從-1到1.但在我的情況下，-1沒有意義，所以我希望它顯示從0到n的空白圖表（最大值doesn'這件事，我只是不想要負面的）。我已經在尋找解決方案了，最常見的答案是，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); 
}

而結果總是：

：在您的幫助:)

編輯

謝謝我也試過

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

來源

2016-07-12 Matthias Seifert

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>

來源

2016-07-12 17:31:37 WhiteHat

Google Chart在yAxis上始終顯示負值

回答

相關問題