You're welcome. On Wednesday, November 14, 2012 12:06:34 PM UTC-5, Brenno Leal wrote: > > Hey man, > > Im very greatfull, because u were right, the problem is solve! > > Tks Again! > > Em segunda-feira, 12 de novembro de 2012 21h54min58s UTC-2, asgallant > escreveu: >> >> The problem is that you have four functions called "drawVisualization", >> and four divs with the id "visualization". You need to change the names of >> your functions and the id's of your divs so that they are all unique. >> Furthermore, the 2nd function has only 1 data point, and the 3rd and 4th >> functions have no data points, so they won't draw anything. >> >> On Monday, November 12, 2012 6:26:59 PM UTC-5, Brenno Leal wrote: >>> >>> The code: >>> >>> >>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " >>> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";><html xmlns=" >>> http://www.w3.org/1999/xhtml";><head><meta http-equiv="Content-Type" >>> content="text/html; charset=utf-8" /><title>.: Supe Solucoes - >>> Agrosensores :.</title><link rel="stylesheet" type="text/css" href=" >>> css/estilo.css<http://supesolucoes.com.br/sensores/clientes/css/estilo.css>" >>> >>> /><link rel="stylesheet" type="text/css" >>> href="css/reset.css<http://supesolucoes.com.br/sensores/clientes/css/reset.css>" >>> >>> /><script type="text/javascript" >>> src="ckeditor/ckeditor.js<http://supesolucoes.com.br/sensores/clientes/ckeditor/ckeditor.js> >>> "></script><script type="text/javascript" >>> src="js/adicionarRemover.js<http://supesolucoes.com.br/sensores/clientes/js/adicionarRemover.js> >>> "></script><script type="text/javascript" src=" >>> http://js.nicedit.com/nicEdit-latest.js";></script> >>> >>> <script type="text/javascript" src=" >>> http://supesolucoes.com.br/confraria/painel/js/tinymce/jscripts/tiny_mce/tiny_mce.js >>> "></script><script type="text/javascript">tinyMCE.init({ // General >>> options mode : "textareas", theme : "advanced", plugins : >>> "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template", >>> // Theme options theme_advanced_buttons1 : >>> "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",theme_advanced_buttons2 >>> : >>> "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",theme_advanced_buttons3 >>> : >>> "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",theme_advanced_buttons4 >>> : >>> "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",theme_advanced_toolbar_location >>> : "top",theme_advanced_toolbar_align : >>> "left",theme_advanced_statusbar_location : "bottom",theme_advanced_resizing >>> : true, >>> // Skin options skin : "o2k7", skin_variant : "silver", >>> // Example content CSS (should be your site CSS) content_css : >>> "css/example.css", >>> // Drop lists for link/image/media/template >>> dialogstemplate_external_list_url : >>> "js/template_list.js",external_link_list_url : >>> "js/link_list.js",external_image_list_url : >>> "js/image_list.js",media_external_list_url : "js/media_list.js", >>> // Replace values for the template plugin template_replace_values : >>> {username : "Some User",staffid : "991234"} >>> });</script> >>> <script>function selecionar_tudo(){ for (i=0;i< >>> document.getElementById("excluir").length;i++) { >>> document.getElementById("excluir").checked=1 >>> ; }} >>> function deselecionar_tudo(){ for (i=0;i< >>> document.getElementById("excluir").length;i++) { //for >>> (i=0;i<document.f1.elements.length;i++) >>> document.getElementById("excluir").checked=0; }} </script> >>> >>> <!-- >>> <script type="text/javascript"> //<![CDATA[bkLib.onDomLoaded(function() { >>> nicEditors.allTextAreas() });//]]> >>> </script> >>> --> >>> <script type="text/javascript" language="javascript"> //valida numero >>> inteiro com mascara function mascaraInteiro(){ if (event.keyCode < 48 >>> || event.keyCode > 57){ event.returnValue = false; return false; }return >>> true;} /* >>> Autor: Mario Costa */ function formatar_moeda(campo, separador_milhar, >>> separador_decimal, tecla) { var sep = 0; var key = ''; var i = j = 0;var >>> len = len2 = 0;var strCheck = '0123456789';var aux = aux2 = '';var >>> whichCode = (window.Event) ? tecla.which : tecla.keyCode; >>> if (whichCode == 13) return true; // Tecla Enter if (whichCode == 8) >>> return true; // Tecla Delete key = String.fromCharCode(whichCode); // >>> Pegando o valor digitado if (strCheck.indexOf(key) == -1) return false; >>> // Valor inválido (não inteiro) len = campo.value.length; for(i = 0; i >>> < len; i++) if ((campo.value.charAt(i) != '0') && >>> (campo.value.charAt(i) != separador_decimal)) break; aux = ''; for(; i >>> < len; i++) if (strCheck.indexOf(campo.value.charAt(i))!=-1) aux += >>> campo.value.charAt(i); aux += key; len = aux.length; if (len == 0) >>> campo.value = ''; if (len == 1) campo.value = '0'+ separador_decimal + >>> '0' + aux; if (len == 2) campo.value = '0'+ separador_decimal + aux; >>> if (len > 2) { aux2 = ''; >>> for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += >>> separador_milhar; j = 0; } aux2 += aux.charAt(i); j++; } >>> campo.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; >>> i--)campo.value += aux2.charAt(i);campo.value += separador_decimal + >>> aux.substr(len - 2, len);} >>> return false; }</script> >>> <style type="text/css">#gallery { background-color: #444; padding: >>> 5px;width: 550px;margin-left: 5px;margin-top: 20px; >>> } >>> #gallery ul { list-style: none;} >>> #gallery ul li { display: inline;} >>> #gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; >>> } >>> #gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px >>> 20px; color: #fff;} >>> #gallery ul a:hover { color: #fff;}</style></head> >>> <body> >>> <div id="barra"> <div class="titulo"> <a >>> href="./<http://supesolucoes.com.br/sensores/clientes/> >>> ">Painel de Controle - Agrosensores <a> </div> <div class="login"> Olá, >>> teste | <a >>> href="logout.php<http://supesolucoes.com.br/sensores/clientes/logout.php> >>> ">Sair</a> </div> </div> >>> <div id="lateral"> <img >>> src="imagens/logo.gif<http://supesolucoes.com.br/sensores/clientes/imagens/logo.gif>" >>> >>> /> <div class="menu"> <div class="categoria">Sensores</div> <p><a href=" >>> sensoresCadastra.php<http://supesolucoes.com.br/sensores/clientes/sensoresCadastra.php> >>> ">Cadastrar</a></p> <p><a >>> href="sensoresLista.php<http://supesolucoes.com.br/sensores/clientes/sensoresLista.php> >>> ">Listar | Editar | Excluir</a></p> <div class="categoria">Acionadores >>> </div> <p><a >>> href="acionadoresLista.php<http://supesolucoes.com.br/sensores/clientes/acionadoresLista.php> >>> ">Listar | Alterar Status | Automático </a></p> <div class="categoria"> >>> Usuários</div> <a >>> href="novo_usuario.php<http://supesolucoes.com.br/sensores/clientes/novo_usuario.php> >>> ">Adicionar novo</a> <a >>> href="perfil.php<http://supesolucoes.com.br/sensores/clientes/perfil.php> >>> ">Meu perfil</a> <br><br> </div> </div> >>> <div id="conteudo"> >>> <script type="text/javascript" src="http://www.google.com/jsapi";> >>> </script><script type="text/javascript"> google.load('visualization', >>> '1', {packages: ['imagesparkline']});</script> >>> >>> >>> <div id="aviso"> <div align="center"> <p>SENSORES CADASTRADOS </p> >>> </div></div><br /><br /> >>> >>> <form action="sensoresLista.php" method="post" name="f1" enctype=" >>> multipart/form-data"><table width="100%" class="tabela" id = "tabela"> <tr >>> class = "coluna"> <td width="195" align="center">DESCRIÇÃO >>> </td> <td width="737" align="center">GRÁFICO</td> <td width="170" >>> align="center">ULTIMA CONSULTA </td> <td width="109" align="center"> >>> HISTÓRICO<a href="javascript:deselecionar_tudo()"></a></td> </tr> >>> <br>-->1<br> >>> <tr> <td align="center">Luminosidade</td> <td >>> align="center">data.addRows([[20]]);data.addRows([[22]]);data.addRows([[23]]);data.addRows([[18]]); >>> >>> <script type="text/javascript"> function drawVisualization() { // >>> Create and populate the data table. var data = new >>> google.visualization.DataTable(); data.addColumn('number', >>> 'Sensor');//data.addRows([[80]]); >>> data.addRows([[20]]);data.addRows([[15]]);data.addRows([[20]]); >>> data.addRows([[22]]); data.addRows([[23]]); >>> data.addRows([[18]]); // Create and draw the visualization. new >>> google.visualization.ImageSparkLine(document.getElementById('visualization')).draw(data, >>> null);}google.setOnLoadCallback(drawVisualization); >>> </script> <div id="visualization" style="width: 300px; height: 300px;"> >>> </div> >>> </td> <td align="center"> </td> <td width="109" align="center"> >>> </td> </tr> <br>-->2<br> >>> <tr> <td align="center">Temperatura</td> <td >>> align="center">data.addRows([[23]]); >>> <script type="text/javascript"> function drawVisualization() { // >>> Create and populate the data table. var data = new >>> google.visualization.DataTable(); data.addColumn('number', >>> 'Sensor');//data.addRows([[80]]); >>> data.addRows([[20]]);data.addRows([[15]]);data.addRows([[23]]); // Create >>> and draw the visualization.new >>> google.visualization.ImageSparkLine(document.getElementById('visualization')).draw(data, >>> null);}google.setOnLoadCallback(drawVisualization); >>> </script> <div id="visualization" style="width: 300px; height: 300px;"> >>> </div> >>> </td> <td align="center"> </td> <td width="109" align="center"> >>> </td> </tr> <br>-->3<br> >>> <tr> <td align="center">Luminosidade</td> <td align="center"> <script >>> type="text/javascript"> function drawVisualization() { // Create and >>> populate the data table. var data = new >>> google.visualization.DataTable(); data.addColumn('number', >>> 'Sensor');//data.addRows([[80]]); >>> data.addRows([[20]]);data.addRows([[15]]);// Create and draw the >>> visualization.new >>> google.visualization.ImageSparkLine(document.getElementById('visualization')).draw(data, >>> null);}google.setOnLoadCallback(drawVisualization); >>> </script> <div id="visualization" style="width: 300px; height: 300px;"> >>> </div> >>> </td> <td align="center"> </td> <td width="109" align="center"> >>> </td> </tr> <br>-->4<br> >>> <tr> <td align="center">Temperatura</td> <td align="center"> <script >>> type="text/javascript"> function drawVisualization() { // Create and >>> populate the data table. var data = new >>> google.visualization.DataTable(); data.addColumn('number', >>> 'Sensor');//data.addRows([[80]]); >>> data.addRows([[20]]);data.addRows([[15]]);// Create and draw the >>> visualization.new >>> google.visualization.ImageSparkLine(document.getElementById('visualization')).draw(data, >>> null);}google.setOnLoadCallback(drawVisualization); >>> </script> <div id="visualization" style="width: 300px; height: 300px;"> >>> </div> >>> </td> <td align="center"> </td> <td width="109" align="center"> >>> </td> </tr> >>> </table></form> >>> </div></body></html> >>> >>> >>> >>> Em segunda-feira, 12 de novembro de 2012 15h54min40s UTC-2, Brenno Leal >>> escreveu: >>>> >>>> Hey guys, >>>> >>>> im trying to do it, but ive not sucess :C, i used the code that >>>> asgallant used before, but the browser doesnt read it right :(. but, if i >>>> take the code and copy and paste to playground, it works! let i show u the >>>> code: >>>> >>>> <script type="text/javascript"> >>>> function drawVisualization() { >>>> // Create and populate the data table. >>>> var data = new google.visualization.DataTable(); >>>> data.addColumn('number', 'Sensor'); >>>> >>>> <?php >>>> foreach ($val as $valores) { >>>> echo " data.addRows([[$valores]]);"; >>>> } >>>> ?> >>>> // Create and draw the visualization. >>>> new google.visualization.ImageSparkLine( >>>> document.getElementById('visualization')).draw(data, null); >>>> } >>>> google.setOnLoadCallback(drawVisualization); >>>> >>>> </script> >>>> >>>> i've sure that $val isnt empty. What should i do? >>>> >>>
-- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/mCpXugDQGjkJ. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
