Javascript 谷歌图表高度问题

Javascript 谷歌图表高度问题,javascript,google-visualization,Javascript,Google Visualization,我在尝试使用谷歌图表时遇到了一个奇怪的问题。当我在同一边界内使用不同的数据集时,图表的高度会发生变化 这是我的剧本: <script type="text/javascript" src="//www.google.com/jsapi"></script> <script type="text/javascript"> google.load('visualization', '1', {packages: ['corechart']}); </sc

我在尝试使用谷歌图表时遇到了一个奇怪的问题。当我在同一边界内使用不同的数据集时,图表的高度会发生变化

这是我的剧本:

<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>

load('visualization','1',{packages:['corechart']});
函数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];
//创建数据表。
var data=new google.visualization.DataTable();
data.addColumn('string','Date');
data.addColumn(“数字”、“可信度”);
data.addRows(jsonDataSet);
//设置图表选项
var图表选项={
图表区:{
身高:220,
宽度:340,
左:20,,
排名:5
},
图例:“无”,
标题位置:“无”,
宽度:370,
身高:280,
言辞:{
格式:“0”,
滴答声:[0,1,2,3,4,5],
viewWindowMode:“最大化”
},
哈克斯:{
是的,
倾斜角度:40,
viewWindowMode:“最大化”
}
};
var credibilityChart=新的google.visualization.LineChart(document.getElementById('visualization');
//绘制图表,输入一些选项。
可信图表绘制(数据、图表选项);
}
setOnLoadCallback(drawVisualization);
这是脚本的输出:

这是具有不同数据集的同一脚本的输出:

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],“01-01-2014”,3.1],“02-01-2014”,4]


有什么建议吗?

看起来您发现了一个bug,可以报告。同时,您可以通过设置
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
}

这太奇怪了。如果所有数字都相同,则显示奇数轴,但如果将任何数字更改为偶数.001,则显示正确。我的猜测是,这是一个某种形式的bug,应该提前向大家报告,并添加maxValue修复了这个问题。我还按照您的建议创建了一个bug报告: