无法阅读财产' count'在谷歌图表中未定义

时间:2014-09-04 06:27:00

标签: javascript google-visualization

我一直在使用谷歌图表已有一段时间了。昨天我尝试在我的网页上添加一个组合结构图,结果是谷歌浏览器中的cannot read property 'count' of undefined和Firefox中的b is undefined。我一直试图解决这个问题,但直到现在还没有成功。我读到它可能是原型的原因,但其他图表仍然正常。 以下是jsfiddle上this issue的示例。

代码:

  <script type="text/javascript" src="https://www.google.com/jsapi"></script>

  <div id="combochart2.1" style="width: 900px; height: 500px;"></div>

  <script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});

  google.setOnLoadCallback(drawChart1);

  function drawChart1() {
    var data = new google.visualization.DataTable();
    var cols = 5 ; 
    var rows = 4;
    var cell_values = new Array();
    var col_header=new Array();
    var text=new Array();
    data.addColumn('string', 'Questions');

   col_header= "apples, orange, pineapple, rocket, spaceship".split(",");
   cell_values= "1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20".split(",");
   text= "Q1,Q2,Q3,Q4".split(",");

   for (var k=0;k<cols;k++)
   {
    data.addColumn('number',col_header[k]);
    }

  // Add empty rows
  data.addRows(rows);

  var index=0;
  //setting cell values
  for(var i=0;i<rows;i++)
  {
    //setting first column values
    data.setCell(i,0,text[i]);
    for(var q=1;q<(cols+1);q++){
     //setting other cell valeus 
      data.setCell(i,q,parseInt(cell_values[index]));
      index++;     

    }              
  }
  var options = {
    title: 'Fruits',
    vAxis: 'No of consumers',
    hAxis: {title: 'Set No',titleTextStyle: {bold: true,color: '#000' }},
    height: 260,width: 500,
    seriesType: "bars"    
  };

 var chart = new google.visualization.ComboChart(document.getElementById('combochart2.1'));   
chart.draw(data, options);   
 }  
  </script>

2 个答案:

答案 0 :(得分:8)

您的vAxis选项指定不正确;它应该是一个对象,而不是一个字符串:

vAxis: {
    title: 'No of consumers'
}

答案 1 :(得分:0)

我使用的条形图库运行正常。突然,它开始出现上述错误,我发现它正在加载48版本的图表库。因此,我在调用“ loading”语句时指定了“ 46.2”版本而不是“ current”版本。

google.charts.load('46.1', { 'packages': ['bar'] });

您已给定引用“ https://www.google.com/jsapi”,它将加载“ https://www.gstatic.com/charts/loader.js”,并且将加载图表JavaScript的“当前”版本。