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

请参阅以下工作代码段...

＆＃13;

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

＆＃13;

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

＆＃13;

注意

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

通过jsapi加载程序保留的Google图表版本不再一致更新。从现在开始，请使用新的gstatic加载程序（loader.js）。

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

这也会将load语句更改为...

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

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

1 个答案: