2016-09-06 106 views
0

我无法将多维数组传递给google.visualization.arrayToDataTable
来绘制Google Chart。多维数组 - google.visualization.arrayToDataTable

我的阵列如下,c(1-5)和a(1-5)是整数。

MultiArray = new Array(6); 
MultiArray [0] = new Array(3); 
MultiArray [0][0] = 'SLA'; 
MultiArray [0][1] = 'CV'; 
MultiArray [0][2] = 'AV'; 
MultiArray [1] = new Array(3); 
MultiArray [1][0] = 'Long List Candidates'; 
MultiArray [1][1] = c1; 
MultiArray [1][2] = a1; 
MultiArray [2] = new Array(3); 
MultiArray [2][0] = 'Call-in/Book-in Candidate'; 
MultiArray [2][1] = c2; 
MultiArray [2][2] = a2; 
MultiArray [3] = new Array(3); 
MultiArray [3][0] = 'Interview Candidate'; 
MultiArray [3][1] = c3; 
MultiArray [3][2] = a3; 
MultiArray [4] = new Array(3); 
MultiArray [4][0] = 'Candidate Reference Call'; 
MultiArray [4][1] = c4; 
MultiArray [4][2] = a4; 
MultiArray [5] = new Array(3); 
MultiArray [5][0] = 'Shortlist Candidate'; 
MultiArray [5][1] = c5; 
MultiArray [5][2] = a5; 

var data = new google.visualization.arrayToDataTable(MultiArray); 

的数据确实经历,但是当我用它来画它给了我一个错误图表:
“在一个给定轴全系列必须是相同的数据类型”。

我使用的图表:

var chart7 = new google.visualization.ColumnChart(document.getElementById('c7')); 

我已经尝试了所有的值更改为整数,但随后拒绝晃过arrayToDataTable功能。

回答

0

似乎罚款这里工作......

你确定C(1-5)和(1-5)为整数?

如果有任何字符串,干脆缺失,或者超出范围,图表将抛出一个错误

看到下面的工作片段...

google.charts.load('current', {packages:['corechart', 'table']}); 
 
google.charts.setOnLoadCallback(drawChart); 
 

 
function drawChart() { 
 
    var c1 = 1; 
 
    var a1 = 2; 
 
    var c2 = 3; 
 
    var a2 = 4; 
 
    var c3 = 5; 
 
    var a3 = 6; 
 
    var c4 = 7; 
 
    var a4 = 8; 
 
    var c5 = 9; 
 
    var a5 = 10; 
 

 
    var MultiArray = new Array(6); 
 
    MultiArray [0] = new Array(3); 
 
    MultiArray [0][0] = 'SLA'; 
 
    MultiArray [0][1] = 'CV'; 
 
    MultiArray [0][2] = 'AV'; 
 
    MultiArray [1] = new Array(3); 
 
    MultiArray [1][0] = 'Long List Candidates'; 
 
    MultiArray [1][1] = c1; 
 
    MultiArray [1][2] = a1; 
 
    MultiArray [2] = new Array(3); 
 
    MultiArray [2][0] = 'Call-in/Book-in Candidate'; 
 
    MultiArray [2][1] = c2; 
 
    MultiArray [2][2] = a2; 
 
    MultiArray [3] = new Array(3); 
 
    MultiArray [3][0] = 'Interview Candidate'; 
 
    MultiArray [3][1] = c3; 
 
    MultiArray [3][2] = a3; 
 
    MultiArray [4] = new Array(3); 
 
    MultiArray [4][0] = 'Candidate Reference Call'; 
 
    MultiArray [4][1] = c4; 
 
    MultiArray [4][2] = a4; 
 
    MultiArray [5] = new Array(3); 
 
    MultiArray [5][0] = 'Shortlist Candidate'; 
 
    MultiArray [5][1] = c5; 
 
    MultiArray [5][2] = a5; 
 

 
    var data = new google.visualization.arrayToDataTable(MultiArray); 
 

 
    var chartCol = new google.visualization.ColumnChart(document.getElementById('chart_div_col')); 
 
    chartCol.draw(data); 
 

 
    var chartTable = new google.visualization.Table(document.getElementById('chart_div_table')); 
 
    chartTable.draw(data); 
 
}
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div_col"></div> 
 
<div id="chart_div_table"></div>

+0

希望这会有所帮助。 .. – WhiteHat