2014-09-04 104 views
2

我已经使用谷歌图表很长一段时间了。昨天我试着在我的网页上添加一个组合图表,导致Google Chrome中的cannot read property 'count' of undefined和Firefox中的b is undefined。我一直在努力解决这个问题,但至今没有成功。我读到它可能是原型的原因,但其他图表工作正常。 以下是jsfiddle上this issue的示例。无法读取谷歌图表中未定义的属性'count'

代码:

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

作为JSFiddle的补充,您应该始终在代码中包含您的代码。否则,如果外部链接改变,该问题将对用户无用。 – hennes 2014-09-04 06:31:01

回答

6

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

vAxis: { 
    title: 'No of consumers' 
} 
+0

感谢asgallant,不知何故,我错过了它。有效。这是最后的工作代码:http://jsfiddle.net/8g8p2n67/22/。 – sahil 2014-09-05 03:55:51

相关问题