Jump to content

Carregar dados do Banco de Dados


EdiSimoes
 Share

Recommended Posts

Olá,

algué poderia me dar uma dica de como carregar uma lista de dados do banco em um código javascript.

Segue o código para análise...

<script type="text/javascript">
   $(function () {
    $('#container').highcharts({
	    chart: {
		    type: 'spline'
	    },
	    title: {
		    text: 'Monthly Average Temperature'
	    },
	    subtitle: {
		    text: 'Source: WorldClimate.com'
	    },
	    xAxis: {
		    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
		    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
	    },
	    yAxis: {
		    title: {
			    text: 'Temperature'
		    },
		    labels: {
			    formatter: function () {
				    return this.value + '°';
			    }
		    }
	    },
	    tooltip: {
		    crosshairs: true,
		    shared: true
	    },
	    plotOptions: {
		    spline: {
			    marker: {
				    radius: 4,
				    lineColor: '#666666',
				    lineWidth: 1
			    }
		    }
	    },
	    series: [{
		    name: 'Tokyo',
		    marker: {
			    symbol: 'square'
		    },		   

		    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 23.3, 18.3, 13.9, 9.6]    //preciso trazer esses dados do banco.
	    }, {
		    name: 'London',
		    marker: {
			    symbol: 'diamond'
		    },
		    data: [{
			    y: 3.9,
			    marker: {
				    symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)'
			    }
		    }, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
	    }]
    });
   });
   </script>

obrigado,

Edi Carlos Simões

Edi Carlos Simões

Estudante de Análise e Desenvolvimento de Sistemas

edisimoes@bol.com.br

http://www.desenvolvenetma.com.br

http://analisedesistemas.bl.ee

Link to comment
Share on other sites

Sim, mais estou usando AspNet, acho que vc quis dizer em PHP , isso?

Pesquisando na net eu encontrei um código em PHP que faz a mesma coisa

mais não consegui adaptar, veja:

[...]
<html>
         <head>
           <script type="text/javascript" src="https://www.google.com/jsapi"></script>
           <script type="text/javascript">
             google.load("visualization", "1", {packages:["corechart"]});
             google.setonloadCallback(drawChart);
             function drawChart() {
               var data = new google.visualization.DataTable();
               data.addColumn('string', 'Task');
               data.addColumn('number', 'Consumo');
               data.addRows([
                <?php

               $cons = mysql_query('SELECT * FROM dados');

                       while($ln = mysql_fetch_array($cons))
                       {
                               echo '["' . $ln['valor_um'] . '", ' . $ln['valor_dois'] . '], ';
                       }

                ?>
               ]);

               var options = {
                 title: 'Consumos', titleTextStyle: {color: '#333'},
                 is3D: 'false'
               };

               var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
               chart.draw(data, options);
             }
           </script>
         </head>
         <body>
           <div id="chart_div" style="width: 300px; height: 200px;"></div>
         </body>
       </html>
[...]

Edi Carlos Simões

Estudante de Análise e Desenvolvimento de Sistemas

edisimoes@bol.com.br

http://www.desenvolvenetma.com.br

http://analisedesistemas.bl.ee

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.