简体   繁体   English

"谷歌图表在 yAxis 上一直显示负值"

[英]Google Chart keeps showing negative Values on yAxis

I am currently working with Google Charts to visualize data to the user.我目前正在使用 Google Charts 向用户可视化数据。 If there is no Data, the google chart automatically draws the y-Axis from -1 to 1. But in my case, -1 makes no sense, so I want it to show the empty chart from 0 to n (max value doesn't matter, I just don't want negative ones).如果没有数据,谷歌图表会自动将 y 轴从 -1 绘制到 1。但在我的情况下,-1 没有意义,所以我希望它显示从 0 到 n 的空图表(最大值不没关系,我只是不想要负面的)。 I already searched for solutions, and the most common answer is, that我已经搜索过解决方案,最常见的答案是,

viewWindow: {
    min: 0
}

viewWindow: {min: 0}<\/code> works, but when using Material<\/em> charts, viewWindow: {min: 0}<\/code>有效,但在使用材料<\/em>图表时,
have to convert the options...必须转换选项...

google.charts.Bar.convertOptions<\/code>

see following snippet...请参阅以下片段...

 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'] });<\/code><\/pre>
 <script src="https:\/\/www.gstatic.com\/charts\/loader.js"><\/script> <div id="columnchart_material">
<\/code><\/pre>

"

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM