GoogleのチャートAPIのエラーは、私がLineGraphがgooglechartを使用している

Question

「与えられた軸上の全てのシリーズは、同じデータ型でなければなりません」。このグラフは、私がデータ行それはAll series on a given axis must be of the same data type

---

私が私のコードを減らす持っているというエラーが生成さ['D', 3, null, null, 7, null, 1],

を削除驚くほどあれば今

function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 

     ['Categegories', 'R1' , 'R2' , 'R3' , 'R4' , 'R5' , 'R6' ], 

     ['A',   1,  4,  2, 4,  1, null], 

     ['D',   3, null, null, 7, null,  1], 

     ['G',   null, null, null,  8, null, null], 

    ]); 

    var options = { 
     title: 'Graph', 
     pointSize: 6, 
     vAxis: {minValue:0, maxValue:10,gridlines:{count:6}}, 
    }; 

    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
    } 

次のコードを使用して作成されましたただ1行で、問題があることがわかりましたnull値

例えば

。

['Category', 'R1' , 'R2' , 'R3' ], 
['A',  2, 1, 1] 

私は（2,1,1）の代わりに、データ、すなわち内の任意の場所null値を追加するとしながら、それはそれは...

が設定について、いくつかの専門家の指導のを待っていないグラフを生成し、いくつかの種類の処理のためのいくつかの種類のオプションnull値...いくつかの時間null値が動作し、いくつかの時間.. :(

Answer 1

最後に私はこれが多くの他の多くのように役立つことを願っています。私の問題は、基本的にはarrayToDataTableメソッドの制限です。すべての列。行にNULL値があるため、APIはnullの列のデータ型を想定しているか、有効なデータ型を取得できないというエラーをスローしています。この問題を解決するために、あなたは、ヘッダー行のタイプを指定することができる）arrayToDataTable（と、 https://groups.google.com/forum/?fromgroups=#!topic/google-visualization-api/2Jafk8PyjV4

代替的には次のリンクからコピーされ、標準的なデータテーブルコンストラクタ

var data = new google.visualization.DataTable(); 
data.addColumn('string', 'Year'); 
data.addColumn('number', 'Health (P)'); 
data.addColumn('number', 'Health (A)'); 
data.addColumn('number', 'Gender (P)'); 
data.addColumn('number', 'Gender (A)'); 
data.addColumn('number', 'Education (P)'); 
data.addColumn('number', 'Education (A)'); 
data.addColumn('number', 'Agriculture (P)'); 
data.addColumn('number', 'Agriculture (A)'); 
data.addColumn('number', 'Social protection (P)'); 
data.addColumn('number', 'Social protection (A)'); 
data.addColumn('number', 'Environment (P)'); 
data.addColumn('number', 'Environment (A)'); 
data.addColumn('number', 'Water/sanitation (P)'); 
data.addColumn('number', 'Water/sanitation (A)'); 
data.addRows([ 

    ['2008',81.06,null,1.32,null,94.68,0,13.41,null,30.36,null,19.78,null,36.87,null], 
    ['2009',27.13,null,22.34,null,33.6,null,79.92,null,1.34,null,89.77,0,15.68,null], 
    ['2010',104.89,0,14.61,null,33.46,null,30.29,null,22.28,null,107.81,null,1.39,null], 
    ['2011',55,0,110.69,null,1.3,null,106.24,0,14.45,null,27.34,null,30.71,null], 
    ['2012',29.96,null,27.88,null,44.77,null,133.83,null,1.31,null,105.01,null,17.83,null], 
    ['2013',0,null,0,null,0,null,0,null,0,null,0,null,0,null] 
]); 

に切り替えなければなりません。 https://developers.google.com/chart/interactive/docs/datatables_dataviews#arraytodatatableより

var data = google.visualization.arrayToDataTable([ 
     ['Categegories', {label: 'R1', type: 'number'} , {label: 'R2', type: 'number'} , {label: 'R3', type: 'number'} , {label: 'R4', type: 'number'} , {label: 'R5', type: 'number'} , {label: 'R6', type: 'number'} ], 

     ['A',   1,  4,  2, 4,  1, null], 

     ['D',   3, null, null, 7, null,  1], 

     ['G',   null, null, null,  8, null, null], 

    ]); 

Answer 2

のためのドキュメントを参照してください。私は、文字列や数値を持つものと2つの列を持っていた棒グラフを作成することによって、このエラーを得ました。私は、2番目の文字列を隠していたが、忘れてしまったビューを表示しようとしていました。私にとって

Answer 3

このエラーは、私は、ヘッダー行のタイプを指定しても問題が解決すると思うそれに

Answer 4

を付加し、値を持っていなかった追加の列を持つことによって引き起こされました。

var data = google.visualization.arrayToDataTable([ 
['Category', {label: 'Return', type: 'number'}, {label: 'Risk', type: `enter code here`'number'}], 
[1.5, 20, 50] 
]);