2016-09-06 10 views
0

Ich habe Probleme, ein multidimensionales Array an google.visualization.arrayToDataTable
zu übergeben, um ein Google Diagramm zu zeichnen.Multidimensionales Array - google.visualization.arrayToDataTable

Mein Array ist wie folgt, c (1-5) und a (1-5) sind ganze Zahlen.

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

Die Daten gehen durch, aber wenn ich es verwenden, um das Diagramm zu ziehen es mir einen Fehler gibt:
„Alle Serien auf einer gegebene Achse müssen vom gleichen Datentyp sein“.

Ich bin mit dem Diagramm:

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

habe ich versucht, alle Werte zu ganzen Zahlen zu ändern, aber dann verweigert es vorbei an der arrayToDataTable Funktion zu gehen.

Antwort

0

scheint in Ordnung, hier zu arbeiten ...

sind Sie sicher, c (1-5) und eine (1-5) ganze Zahlen?

falls vorhanden Strings sind, einfach fehlt oder außerhalb des Bereichs, wird das Diagramm einen Fehler aus,

folgenden Arbeits Schnipsel sehen ...

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

Hoffnung, das hilft. .. – WhiteHat