Que tal? tengo el siguiente grafico
Necesito agregar una funcion o arreglo que recorra el array data y reemplaze los valores cero por null, O alguna forma de hacer dinamico el grafico, ya que me grafico los valores cero.
Lo ideal seria que solo me grafique los valores que tiene, para que el tamaño del grafico cambie. Espero alguno me pueda ayudar.
Adjunto codigo js
function setPageValues () { google.script.run.withSuccessHandler(drawVisualization).getValuesFromSS("J11:Q24"); }google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawVisualization); function drawVisualization(values) { // Some raw data (not necessarily accurate) var data = google.visualization.arrayToDataTable([ ['Dia', 'HR Pre y Post Producción', 'WCM (WO+Otros)', 'Laboratorio', 'BOX', 'Revisión','Hrs Extra por Producción', 'Calidad', 'Fuera de Línea', 'AM'], [values[0][1], values[1][1], values[2][1], values[3][1], values[4][1], values[5][1], values[6][1], values[7][1], values[8][1], values[9][1]], [values[0][2], values[1][2], values[2][2], values[3][2], values[4][2], values[5][2], values[6][2], values[7][2], values[8][2], values[9][2]], [values[0][3], values[1][3], values[2][3], values[3][3], values[4][3], values[5][3], values[6][3], values[7][3], values[8][3], values[9][3]], [values[0][4], values[1][4], values[2][4], values[3][4], values[4][4], values[5][4], values[6][4], values[7][4], values[8][4], values[9][4]], [values[0][5], values[1][5], values[2][5], values[3][5], values[4][5], values[5][5], values[6][5], values[7][5], values[8][5], values[9][5]], [values[0][6], values[1][6], values[2][6], values[3][6], values[4][6], values[5][6], values[6][6], values[7][6], values[8][6], values[9][6]], [values[0][7], values[1][7], values[2][7], values[3][7], values[4][7], values[5][7], values[6][7], values[7][7], values[8][7], values[9][7]] ]); var view = new google.visualization.DataView(data); view.setColumns([0, 1,{calc: "stringify", sourceColumn: 1, type: "string", role: "annotation"},2,{calc: "stringify", sourceColumn: 2, type: "string", role: "annotation"},3,{calc: "stringify", sourceColumn: 3, type: "string", role: "annotation"},4,{calc: "stringify", sourceColumn: 4, type: "string", role: "annotation"},5,{calc: "stringify", sourceColumn: 5, type: "string", role: "annotation"}, 6,{calc: "stringify", sourceColumn: 6, type: "string", role: "annotation"},7,{calc: "stringify", sourceColumn: 7, type: "string", role: "annotation"},8,{calc: "stringify", sourceColumn: 8, type: "string", role: "annotation"},9,{calc: "stringify", sourceColumn: 9, type: "string", role: "annotation"}, ]); var options = { seriesType: 'bars', title: "HORAS EXTRAS", fontSize:15, fontName:'Nunito Sans', backgroundColor: {stroke: '#B6DEFA', strokeWidth:0, fill:'#172d5b',rx: 6, ry: 6}, chartArea: {'width': '95%', 'height': '70%'}, bar: {groupWidth: "70%"}, legend: { position: 'bottom',textStyle: {color: '#FFFFFF', fontSize: 11}}, annotations: {textStyle: {fontName:'Nunito Sans', fontSize:11, color: '#FFFFFF'}, alwaysOutside: true}, titleTextStyle: {color: '#FFFFFF',fontSize:20}, hAxis: {textStyle: {color: '#B6DEFA'}, titleTextStyle: {color: '#B6DEFA'}}, vAxis: {textStyle: {color: '#172d5b'}, titleTextStyle: {color: '#B6DEFA'}, gridlines: {count : 0}, viewWindow:{max:10}}, animation:{duration: 1000, easing: 'out',startup: true} }; var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); chart.draw(view, options); }
Saludos