如果值为零，则为谷歌图表haxis中间值

Question

当我创建图表（谷歌图表）时，所有值设置为零，haxis位于图表中间。

我该如何将它卡在底部？

这里是代码：

function drawChart() { 
var data = new google.visualization.DataTable(); 
data.addColumn('string', 'Year'); 
data.addColumn('number', 'Average Revenue'); 
data.addRows([ 
    ['2004', 0], 
    ['2005', 0], 
    ['2006', 0], 
    ['2007', 0] 
]); 

var options = { 
    title: 'Revenue by Year', 
    seriesType: "bars", 
    series: {1: {type: "line"}}, 
    vAxis: {title: 'Year', 
      titleTextStyle:{color: 'red'}}, 
    colors:['red','black'] 
}; 

var chart = new google.visualization.ComboChart(document.getElementById('chart')); 
chart.draw(data, options); 
} 

google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 

http://jsfiddle.net/boj6ztLo/

感谢

Answer 1

集以下配置选项...

vAxis.viewWindow.min: 0

看到下面的工作片段...

function drawChart() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('string', 'Year'); 
 
    data.addColumn('number', 'Average Revenue'); 
 
    data.addRows([ 
 
    ['2004', 0], 
 
    ['2005', 0], 
 
    ['2006', 0], 
 
    ['2007', 0] 
 
    ]); 
 

 
    var options = { 
 
    title: 'Revenue by Year', 
 
    seriesType: 'bars', 
 
    series: { 
 
     1: { 
 
     type: 'line' 
 
     } 
 
    }, 
 
    vAxis: { 
 
     title: 'Year', 
 
     titleTextStyle: { 
 
     color: 'red' 
 
     }, 
 
     viewWindow: { 
 
     min: 0 
 
     } 
 
    }, 
 
    colors:['red','black'] 
 
    }; 
 

 
    var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
} 
 

 
google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

注

建议不使用jsapi加载库，根据release notes ...

谷歌排行榜的版本仍然可用的通过jsapi加载程序不再一致地更新。从现在起请使用新的gstatic装载机（loader.js）。

<script src="https://www.gstatic.com/charts/loader.js"></script>

，这也将改变load语句...

google.charts.load('current', { 
    callback: drawChart, 
    packages: ['corechart'] 
});