EdiSimoes Posted October 7, 2014 Report Share Posted October 7, 2014 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 More sharing options...
alexviseu Posted October 7, 2014 Report Share Posted October 7, 2014 Supondo tens os dados numa base de dados mysql, podes ir busca-los lá e depois fazer um echo em formato json (essencialmente mesmo que estás a usar para configurar o "data") dos dados. Link to comment Share on other sites More sharing options...
EdiSimoes Posted October 7, 2014 Author Report Share Posted October 7, 2014 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 More sharing options...
alexviseu Posted October 7, 2014 Report Share Posted October 7, 2014 Acaba por ser indiferente em que linguagem a aplicação é desenvolvida. O mesmo aplica-se a asp.net, ruby on rails, java, etc Não necessitas de adaptar nada. Faz a query SQL e depois output dos dados. Link to comment Share on other sites More sharing options...
EdiSimoes Posted October 7, 2014 Author Report Share Posted October 7, 2014 Estou desenvolvendo em C#. 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now