charts - top - Error de la API de Google Chart "Todas las series en un eje dado deben ser del mismo tipo de datos"

uk albums chart

Question

Tengo LineGraph utilizando Googlechart. Este gráfico se crea con el siguiente código.

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

Ahora, sorprendentemente, si elimino una fila de datos [''D'', 3, null, null, 7, null, 1],

Produce un error que dice que All series on a given axis must be of the same data type

He reducido mi código a solo una línea y he encontrado que hay un problema con null valores null

p.ej

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

Genera el gráfico mientras que si agrego valor null cualquier lugar de los datos, es decir, en el lugar de (2,1,1), no lo hace.

Esperando alguna guía experta sobre cómo configurar algún tipo de opción para manejar valores null ... Es muy extraño que algunos valores nulos de tiempo funcionen y otros no ... :(

Answer 1

Creo que especificar el tipo en la fila del encabezado solucionará el problema.

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

Answer 2

Finalmente, tengo una solución a mi problema. Espero que esto ayude a muchos otros como yo. El problema es básicamente una limitación del método arrayToDataTable. La fila de datos debe tener el tipo correcto en todas las columnas. Ya que tenemos valores nulos en filas, la API asume que el tipo de datos de esa columna es nulo o está generando un error al no obtener un tipo de datos válido. Para solucionar esto, tendrá que cambiar al constructor estándar de DataTable.

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

Copiado desde el siguiente enlace https://groups.google.com/forum/?fromgroups=#!topic/google-visualization-api/2Jafk8PyjV4

Alternativamente, con arrayToDataTable () puede especificar el tipo en la fila del encabezado. Consulte la documentación para obtener más 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 3

Para mí, este error fue causado por tener una columna adicional que nunca tuvo ningún valor agregado.

Answer 4

Recibí este error al crear un gráfico de barras que tenía dos columnas con cadenas y una con números. Tenía la intención de mostrar una vista que mantuviera la segunda columna de cadena oculta pero que se olvidó.