Question

使用Google图表绘制简单的水平条形图。图表未调整轴的最大值和最小值以正确显示要渲染的值。这应该是自动的。

解决方案不能是因为每次要绘制图表时，我都必须手动明确地描述最大值和最小值。

这就是我在说的。 图表1 允许使用viewWindow选项的默认值。图2 是我烦人的地方，必须明确告诉它如何执行viewWindow的最大值和最小值。

这是一个错误吗？

https://jsfiddle.net/mrtomd/kfhpecdL/20/

google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(draw);

function draw() {
  var data = google.visualization.arrayToDataTable([
    ["State", "%",  {role: "annotation"}],
    ["OH", -0.038645, "-3.9%"]
  ]);
  
  var options1 = {
    orientation: 'vertical'
  };
  var options2 = {
    orientation: 'vertical',
    hAxis: {
    	viewWindow: {max:0,min:-0.05}
    }
  };
  
  var chart1 = new google.visualization.ColumnChart(document.getElementById('chart_div_1'));
  chart1.draw(data, options1);
  
  var chart2 = new google.visualization.ColumnChart(document.getElementById('chart_div_2'));
  chart2.draw(data, options2);
}

  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <div id="chart_div_1" style="width:400px;height:200px;"></div>
  <div id="chart_div_2" style="width:400px;height:200px;"></div>

Google Charts viewWindow最大/最小错误

0 个答案: