Question

当我尝试使用谷歌图表时，我遇到了一些奇怪的问题。当我在同一边界内使用不同的数据集时，图表的高度正在改变。

这是我的剧本：

<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">
  function drawVisualization() {
    var jsonDataSet = [["27-12-2013",4.5],["28-12-2013",4.5],["29-12-2013",4.5],["30-12-2013",4.5],["31-12-2013",4.5],["01-01-2014",4.5],["02-01-2014",4.5]];

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Date');
    data.addColumn('number', 'Credibility');
    data.addRows(jsonDataSet);

    // Set chart options
    var chartOptions  = {
      chartArea: {
        height: 220,
        width: 340,
        left: 20,
        top: 5
      },
      legend: 'none',
      titlePosition: 'none',
      width: 370,
      height: 280,
      vAxis: {
        format: '0',
        ticks: [0,1,2,3,4,5],
        viewWindowMode: 'maximized'
      },
      hAxis: {
        slantedText: true,
        slantedTextAngle: 40,
        viewWindowMode: 'maximized'
      }
    };

    var credibilityChart = new google.visualization.LineChart(document.getElementById('visualization'));

    // Draw chart, passing in some options.
    credibilityChart.draw(data, chartOptions);
  }

  google.setOnLoadCallback(drawVisualization);
</script>

这是脚本的输出：

http://jsbin.com/edaKuce/3/edit?js,output

这是具有不同数据集的相同脚本的输出：

var jsonDataSet = [[“28-12-2013”，4]，[“28-12-2013”，2.1]，[“29-12-2013”，2.2]，[“30-12-2013 ”，2.4]，[ “31-12-2013”，3.9]，[ “2014年1月1日”，3.1]，[ “2014年2月1日”，4]];

http://jsbin.com/edaKuce/6/edit?js,output

有什么建议吗？

Answer 1

您似乎发现了一个错误，可以报告here。在此期间，您可以通过设置vAxis.maxValue选项来解决此问题：

vAxis: {
    format: '0',
    ticks: [0,1,2,3,4,5],
    viewWindowMode: 'maximized', // this will have no effect on this chart, incidentally
    maxValue: 5
}

谷歌图表高度问题

1 个答案: