Jump to content

Search the Community

Showing results for tags 'gráfico'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 19 results

  1. Rodrigo Ferreira Santos

    Enviar dados via php para preencher grafico JS !

    Salve lista, senhores estou montando um dashboard e ele tem varios graficos com a seguinte estrutura: try { //Sales chart var ctx = document.getElementById("sales-chart"); if (ctx) { ctx.height = 150; var myChart = new Chart(ctx, { type: 'line', data: { labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016"], type: 'line', defaultFontFamily: 'Poppins', datasets: [{ label: "Foods", data: [0, 30, 10, 120, 50, 63, 10], backgroundColor: 'transparent', borderColor: 'rgba(220,53,69,0.75)', borderWidth: 3, pointStyle: 'circle', pointRadius: 5, pointBorderColor: 'transparent', pointBackgroundColor: 'rgba(220,53,69,0.75)', }, { label: "Electronics", data: [0, 50, 40, 80, 40, 79, 120], backgroundColor: 'transparent', borderColor: 'rgba(40,167,69,0.75)', borderWidth: 3, pointStyle: 'circle', pointRadius: 5, pointBorderColor: 'transparent', pointBackgroundColor: 'rgba(40,167,69,0.75)', }] }, options: { responsive: true, tooltips: { mode: 'index', titleFontSize: 12, titleFontColor: '#000', bodyFontColor: '#000', backgroundColor: '#fff', titleFontFamily: 'Poppins', bodyFontFamily: 'Poppins', cornerRadius: 3, intersect: false, }, legend: { display: false, labels: { usePointStyle: true, fontFamily: 'Poppins', }, }, scales: { xAxes: [{ display: true, gridLines: { display: false, drawBorder: false }, scaleLabel: { display: false, labelString: 'Month' }, ticks: { fontFamily: "Poppins" } }], yAxes: [{ display: true, gridLines: { display: false, drawBorder: false }, scaleLabel: { display: true, labelString: 'Value', fontFamily: "Poppins" }, ticks: { fontFamily: "Poppins" } }] }, title: { display: false, text: 'Normal Legend' } } }); } } catch (error) { console.log(error); } Todos em um aquivo main.js eu chamo ele no html assim: <div class="col-lg-6"> <div class="au-card m-b-30"> <div class="au-card-inner"> <h3 class="title-2 m-b-40">Comparativo Visitante/Membros</h3> <canvas id="sales-chart"></canvas> </div> </div> </div> Meu problema e que estou usando um modelo ja pronto de dashboard e preciso setar dados neste grafico eu nao sei como fazer, vi na internet que eu preciso criar um arquivo json mas como faço para incorporar no js !
  2. Eu tenho uma tabela PAGAMENTO que contem a data que o pagamento foi realizado: só que eu queria gerar um gráfico que separasse os pagamentos por montantes, por exemplo: MÊS 05 - R$ 1,600 MÊS 07 - R$ 1,350 MÊS 08 - R$ 900
  3. DarthEduu

    Valores chartJS não se repetir

    Pessoal, bom dia! Tô com um problema aqui, seguinte, tenho esse gráfico, os valores já estão funcionando belezinha, mas os valores em tempo, por exemplo no final onde ambos são 98, ou qualquer outro valor que se repita, tipo: 10 > 10 > 30 > 50 > 90 > 60 > 60 ele fique em um ponto só eliminando o repetido, ou seja, onde está 10 ou 60 vire apenas 10 ou 60 e não se repetindo. Não sei se fui claro kkk mas aqui está um print e meu código. <script language="javascript" type="text/javascript"> function rampa_mostura() { //temperaturas var temperatura_glucanase = form_eficiencia_epata_1.glucasane.value; var valor_1 = form_eficiencia_epata_1.glucasane.value; var valor_2 = valor_1; var valor_3 = form_eficiencia_epata_1.protease.value; var valor_4 = valor_3; var valor_5 = form_eficiencia_epata_1.beta_amilase.value; var valor_6 = valor_5; var valor_7 = form_eficiencia_epata_1.alfa_amilase.value; var valor_8 = valor_7; var valor_9 = form_eficiencia_epata_1.inativacao.value; var valor_10 = valor_9; //tempos var tempo_1 = 0; var tempo_2 = parseInt(tempo_1)+parseInt(form_eficiencia_epata_1.glucanase_min.value); var tempo_3 = parseInt(tempo_2)+parseInt(valor_3-valor_2); var tempo_4 = parseInt(tempo_3)+parseInt(form_eficiencia_epata_1.protease_min.value); var tempo_5 = parseInt(tempo_4)+parseInt(valor_5-valor_3); var tempo_6 = parseInt(tempo_5)+parseInt(form_eficiencia_epata_1.beta_amilase_min.value); var tempo_7 = parseInt(tempo_6)+parseInt(valor_7-valor_6); var tempo_8 = parseInt(tempo_7)+parseInt(form_eficiencia_epata_1.alfa_amilase_min.value); var tempo_9 = parseInt(tempo_8)+parseInt(valor_9-valor_8); var tempo_10 = parseInt(tempo_9)+parseInt(form_eficiencia_epata_1.inativacao_min.value); var ctx = document.getElementById('myChart').getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { //tempo labels: [tempo_1,tempo_2,tempo_3,tempo_4,tempo_5,tempo_6,tempo_7,tempo_8,tempo_9,tempo_10], datasets: [{ label: "Rampa de temperatura - Mostura", backgroundColor: 'transparent', borderColor: '#FFB22B', borderWidth: 3, radius: 5, //temperatura data: [valor_1,valor_2,valor_3,valor_4,valor_5,valor_6,valor_7,valor_8,valor_9,valor_10], }] }, // Configuration options go here options: { elements: { line: { tension: 0, // disables bezier curves } }, title:{ display: true, fontSize: 20, text: "RAMPA DE TEMPERATURA" }, labels:{ fontStyle: "bold" }, scales: { xAxes: [{ display: true, scaleLabel: { display: true, labelString: 'Tempo em minutos' } }], yAxes: [{ display: true, scaleLabel: { display: true, labelString: 'Temperatura em ºC' } }] } } }); } </script>
  4. ZecaLoteiro

    Gráfico: alinhamento e posicionamento

    Bom dia, preciso fazer o alinhamento de um grid com os eixos de um gráfico e estou tendo dificuldade em obter o posicionamento dos elementos do gráfico. Ex: A chartarea(0) mesmo quando definido como 100 não ocupa 100% da largura do chart. Ou seja é 100% do que? Coloquei umas bordas para facilitar a visualização. Alguém já passou por isso? Poderia dar um help? Saberia informar em relação a qual objeto é a largura do chartarea? grafico.ChartAreas(0).BorderColor = Color.Red grafico.ChartAreas(0).Position.Width = 100 grafico.ChartAreas(0).Position.Height = 100 grafico.ChartAreas(0).BorderDashStyle = ChartDashStyle.Solid grafico.ChartAreas(0).BorderWidth = 2 https://prnt.sc/jqo3bv
  5. yuriruyuri

    Range slider e gráfico

    Gostaria de saber como relacionar um range slider de um vídeo com pontos de um gráfico. Já tenho funcionando um gráfico do google developers com pontos clicáveis relacionado ao vídeo, quando eu clico nestes pontos do gráfico, o vídeo avança conforme a fração do gráfico, mas o contrário não acontece... então se alguém souber como mostrar estes pontos quando arrastar o range slider, por favor me ajude
  6. Mazotti

    Gráfico por mês PHP/SQL

    Pessoal, tenho um BD (SQL) com a tabela 'REGISTRO' com as seguintes colunas: id, data, nome. Estou montando um gráfico em PHP, e gostaria de exibir a contagem de registro por mês. Alguém poderia me ajudar? Sou leigo nesse assunto. Obrigado!
  7. Mazotti

    Google Chart + PHP/SQL

    Boa tarde pessoal, alguém poderia me ajudar com essa dúvida? Seguinte, tenho um sistema de gerenciamento de dados interno na empresa que trabalho, onde os colaboradores efetuam cadastro de alguns registros como por exemplo `Cliente; Valor; Data, Quantidade de produtos vendidos, etc`. Esses dados são armazenados em nosso BD (SQL). Após o registro, conseguimos enxergar esses dados em nosso painel onde ele exibe uma tabela com todos os registros. Eu gostaria de colocar logo a baixo dessa tabela um gráfico de barras dinâmico, onde quem efetuar a consulta (analise dos dados) consiga escolher como que o gráfico ira exibir os dados, como por exemplo (Exibir os valor por mês ou Fazer uma divisão do valor total pelo total de produtos vendidos entre outras possibilidades) Isso é possível?
  8. Eduardo Rocha Kmiecik

    Grafico php com between

    Olá a todos, ESTOU COM UM PROBLEMÃO e preciso muito da ajuda de vocês!! Faz duas semanas que estou pesquisando como fazer um gráfico e integra-lo ao meu banco de dados. Tentei de várias e várias formas porém não consegui. Preciso gerar um gráfico com a quantidade de viagens realizada por dia para os determinados locais "puma", "MA" e "diversos". Gostaria de utilizar o between também para definir o período da pesquisa. Não tenho ideia de onde colocar as variáveis, ou se minha busca sql esta correta ME DA UM HELP, ficarei super grato <form method="post" action=""> <label>Data incial:</label> <input id="dataInicial" name="dataInicial" type="date" required="" > <label>Data final:</label> <input id="dataFinal" name="dataFinal" type="date" required="" > <button id="enviar" name="enviar" class="btn btn-primary">Enviar </button> </form> <?php $servidor = "localhost"; $usuario = "root"; $senha = ""; $dbname = "controlebaldeio"; //Criar a conexao $conn = mysqli_connect($servidor, $usuario, $senha, $dbname); if(!$conn){ die("Falha na conexao: " . mysqli_connect_error()); }else{ //echo "Conexao realizada com sucesso"; } $dataInicial = $_POST['dataInicial']; $dataFinal = $_POST['dataFinal']; $result_usuario = "SELECT local, sum(quantidade) as quantidade FROM registro WHERE dataViagem BETWEEN '$dataInicial' AND '$dataFinal' GROUP BY local"; $resultado_usuario = mysqli_query($conn, $result_usuario); while($row_usuarios = mysqli_fetch_assoc($resultado_usuario)){ $local = $row_usuarios['local']; $quantidade = $row_usuarios['quantidade']; $dataViagem = $row_usuarios['dataViagem'].; } ?> <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['line']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('number', 'Dia'); data.addColumn('number', 'PUMA'); data.addColumn('number', 'MA'); data.addColumn('number', 'DIVERSOS'); data.addRows([ [1, 37.8, 8, 41.8], [2, 30.9, 69.5, 32.4], [3, 25.4, 57, 25.7], [4, 11.7, 18.8, 10.5], [5, 11.9, 17.6, 10.4], [6, 8.8, 13.6, 7.7], [7, 7.6, 12.3, 9.6], [8, 12.3, 29.2, 10.6], [9, 16.9, 42.9, 14.8], [10, 12.8, 30.9, 11.6], [11, 5.3, 7.9, 4.7], [12, 6.6, 8.4, 5.2], [13, 4.8, 6.3, 3.6], [14, 4.2, 6.2, 3.4] ]); var options = { chart: { title: 'RELATÓRIO DE VIAGENS', }, width: 900, height: 500, axes: { x: { 0: {side: 'top'} } } }; var chart = new google.charts.Line(document.getElementById('line_top_x')); chart.draw(data, google.charts.Line.convertOptions(options)); } </script> <body> <div id="line_top_x"></div> </body> </html>
  9. blessed

    Gráfico com dados do txt

    Consegui fazer a soma e gerar o total em um novo aquivo txt. Machine 01,26/04/2017,54Machine 02,26/04/2017,31Machine 03,26/04/2017,55 Machine 04,26/04/2017,35 Machine 05,26/04/2017,23 Como gero um grafico a partir desse txt?
  10. Pessoal, estou com problemas para colocar os dados resultantes no gráfico. Eles obrigatoriamente precisam ser colocados por JSON e a verificação do status, por underscore (acredito eu que esse último já esteja certo). A minha dificuldade é não saber o que inserir em 'data', e o que está faltando para o gráfico aparecer. A atribuição dos dados pode ser tanto pela var dados, quanto pela url, escolham o que acharem mais apropriado. Ajudem, por favor Obs: Não esquecer de adicionar os recursos externos <div class ="container"> <body> <center> <h1>Status das empresas </h1> <br> </center> <div><canvas id="grafico" width="200" height="40"></canvas> </div> </body> </div> var dados = [{ "Nome": "IPP", "Status": true }, { "Nome": "PAC", "Status": true }, { "Nome": "PAIC", "Status": true }, { "Nome": "PAS", "Status": true }, { "Nome": "PIA", "Status": true }, { "Nome": "PIAPROD", "Status": true }, { "Nome": "PIMES", "Status": true }, { "Nome": "PIMPF", "Status": true }, { "Nome": "PMCC", "Status": true }, { "Nome": "PMS", "Status": true }, { "Nome": "BMOPATATV.GetBMOPATATV", "Status": true }, { "Nome": "BMOPATATV.GetCountBMOPATATV", "Status": true }, { "Nome": "CESSAOBM", "Status": true }, { "Nome": "SETOR", "Status": true }, { "Nome": "AD.GetData", "Status": true }, { "Nome": "AD.GetDataDT", "Status": true }, { "Nome": "AGROAGENCIAS", "Status": true }, { "Nome": "AGROFASES", "Status": true }, { "Nome": "AGROFONTES", "Status": true }, { "Nome": "AGROMUNICIPIOS", "Status": true }, { "Nome": "AGROOCORRENCIAS", "Status": true }, { "Nome": "AGROPRODUTOS", "Status": true }, { "Nome": "AGROQUESTIONARIOSMUNICIPAIS", "Status": true }, { "Nome": "AGROQUESTIONARIOSUF", "Status": true }, { "Nome": "AGROQUESTIONARIOSUF", "Status": true }, { "Nome": "PMC_CRIPTO", "Status": true }, { "Nome": "BDOCFUNCUE", "Status": true }, { "Nome": "BM", "Status": false }]; //underscore var testCountBy = _.countBy(dados, function(Status) { return Status === true ? 'on' : 'off'; }); console.log(testCountBy.on, testCountBy.off); var ctx = document.getElementById("grafico").getContext("2d"); var myChart = new Chart(ctx).Pie(data); var data = { // labels: ["Serviços online", "Serviços offline"], datasets: [{ backgroundColor: [ "#3498db", "#000000", ], //verificar data data: ????, options: { animation: { animateScale: true } } }] }; function drawPieChart() { //json var jsonData = $.ajax({ url: 'http://servicosweb.ibge.gov.br/GetStatus.ashx', dataType: 'json', }).done(function(results) { var dados = []; results["packets"].forEach(function(packet) { dados.push(parseFloat(packet.payloadString)); }); // Create the chart.js data structure using 'labels' and 'data' var Tempdata = { labels: ["Serviços online", "Serviços offline"], datasets: [{ data: dados, }] }; var ctx = document.getElementById("grafico").getContext("2d"); var PieChart = new Chart(ctx).Pie(tempData); }); } drawPieChart();
  11. Tenho esse gráfico em pizza e uma lista de dados de empresas que estão em na url http://servicosweb.ibge.gov.br/GetStatus.ashx . Preciso colocar esses dados no gráfico, que daria como resultado 28 empresas online e 0 offline. Não tenho muito conhecimento em AJAX, gostaria de uma luz para realizar isso <div class ="container"> <body> <center> <h1>Status das empresas </h1> <br> </center> <div><canvas id="grafico" width="200" height="40"></canvas> </div> </body> </div> var ctx = document.getElementById("grafico").getContext('2d'); var pizza = new Chart(ctx, { type: 'pie', data: { labels: ["Serviços online", "Serviços offline"], datasets: [{ backgroundColor: [ "#3498db", "#000000", ], // id: 'gráfico', data: data, options: { animation:{ animateScale:true } } }] } }); // Aplicação AJAX }
  12. Cesar Melo

    PHP com Json e Google Charts

    Olá! Estou tentando usar o google charts pela primeira vez para tentar exibir um gráfico em uma pagina. Vou explicar como estou tentando fazer isso... Tenho uma pagina que faz uma requisição via "ajax"(dataType: json) para outra pagina que roda uma query sql. O resultado dessa query eu armazeno em um array, que depois utilizo a função "json_encode" para codificar o array no formato json. Até aí tudo funciona normal, porem o gráfico não é exibido na pagina que faz a requisição por um pequeno detalhe de aspas no array. Exemplo de resultado: {"cols":[ {"label":"grupo","type":"string"}, {"label":"valor","type":"number"} ], "rows":[ {"c":[{"v":"ACESSO REMOTO"},{"v":"5033.99"}]}, {"c":[{"v":"FORMATACAO"},{"v":"640.00"}]} ] } Como deveria ser: {"cols":[ {"label":"grupo","type":"string"}, {"label":"valor","type":"number"} ], "rows":[ {"c":[{"v":"ACESSO REMOTO"},{"v":5033.99}]}, {"c":[{"v":"FORMATACAO"},{"v":640.00}]} ] } Repare que nas linhas onde eu tenho "acesso remoto" e "formatação", ao lado seria respectivamente seus valores. É nesse campo "valor" que não deveria aparecer aspas. Mas a função "json_enconde" coloca aspas em todos os campos, e por esse motivo o gráfico não é exibido. Quando removo essas aspas desse campo "valor" manualmente e coloco na pagina, o gráfico é exibido. Alguem sabe como posso resolver esse problema? Alguem já conseguiu utilizar o charts dessa maneira que estou tentando? Obs: Como estou utilizando o charts pela primeira vez, segui a documentação do Google Chart com Json.
  13. gumesson

    Criar gráfico PHP com dados MySQL

    Boa tarde! Caros, alguém tem algum exemplo de como criar um gráfico em PHP usando dados de uma tabela do MySQL? Pode ser via qualquer classe ou biblioteca como Google Chart, pChart, PHPLot... etc. Obrigado! Att. Gumesson
  14. Estou tentando carregar uma arquivo, o qual gera um gráfico da biblioteca ChartJs. Abrindo o arquivo separadamente, funciona normalmente, mas quando faço o carregamento via AJAX, não funciona. Já pesquisei bastante, tentei de tudo e nada. A pagina carrega mais o gráfico não é gerado. Se alguém tiver alguma dica. Segue código abaixo: Código responsável pelo carregamento: //função grafico barra1 function atualizar7() { if (window.XMLHttpRequest) { x7 = new XMLHttpRequest(); } else if (window.ActivexObject) { x7 = new ActivexObject("Microsoft.XMLHTTP"); } if (x7 != undefined) { x7.onreadystatechange = function() { if (x7.readyState == 4) { if (x7.status == 200) { document.getElementById("grafico_barra1").innerHTML = x7.responseText; } } }; x7.open("GET", "__grafico_barra1.php", true); x7.send(""); } } var checar7 = setInterval(function() { atualizar7(); }, 7000);//atualiza a cada 7 segundos Código da pagina que gera o gráfico: <?php require "funcoes.php"; ?> <link href="../0_graficos/ChartJs/css/demo.css" rel="stylesheet" type="text/css"> <script src="../0_graficos/ChartJs/legenda/legend.js"></script> <script src="../0_graficos/ChartJs/Chart.js"></script> <div style="width:100%;float:left;"> <canvas id="barsChart1" width="100%" height="46%"></canvas> </div> <div id="barsLegend1" style="width:15%;float:right; position: absolute;"></div> <script> if(!!(window.addEventListener)) window.addEventListener('DOMContentLoaded', main); else window.attachEvent('onload', main); function main() { barsChart1(); } function barsChart1() { var data = { labels : [<?php $data_2 = mktime(23, 59, 59, date('m')-1, date("t"), date('Y')); //ultimo dia do mes //$lastmonth = mktime (0, 0, 0, date("m")-1, date("d"), date("Y")); //$primeiro_dia=date('Y/m/d',$data_1); //$ultimo_dia=date('d',$data_2); //$dia_30=date('d',$data_2); $ultimo_dia=$data_h; $primeiro_dia=date('Y-m-d', strtotime("-15 days",strtotime($data_h))); $dia_1=date('d', strtotime( $primeiro_dia ) ); $z=$primeiro_dia; while($z <= $ultimo_dia) { $dia=date('N', strtotime( $z ) ); if($dia==1){$d="S";}else if ($dia==2){$d="T";}else if ($dia==3){$d="Q";}else if ($dia==4){$d="Q";}else if ($dia==5){$d="S";}else if ($dia==6){$d="S";}else if ($dia==7){$d="D";} echo ("'".$d ."',"); $z=date('Y-m-d', strtotime("+1 days",strtotime($z))); } ?> ], datasets : [ { fillColor : "rgba(205, 102, 0,0.8)", strokeColor : "rgba(205, 102, 0,0.8)", pointColor : "rgba(205, 102, 0,0.8)", // pointStrokeColor : "#fff", data : [<?php //codigo de elevado na tabela tipo ocorrencia $elevador=15; // $data_1 = mktime(0, 0, 0, date('m') , 1 , date('Y')); //primeiro dia do mes // $data_2 = mktime(23, 59, 59, date('m'), date("t"), date('Y')); //ultimo dia do mes $ultimo_dia=$data_h; $primeiro_dia=date('Y-m-d', strtotime("-15 days",strtotime($data_h))); $z=$primeiro_dia; while($z <= $ultimo_dia) { //total $sql_ocor_1 = "SELECT * FROM TB_OCORRENCIAS where COD_TIPO='".$elevador."' and DATA='".$z."'" ; $rs_ocor_1 = mysqli_query($conn_operacao, $sql_ocor_1); $res_ocor_1 = mysqli_fetch_assoc($rs_ocor_1) ; $total_ocor_1 = mysqli_num_rows($rs_ocor_1); echo ($total_ocor_1 .","); $z=date('Y-m-d', strtotime("+1 days",strtotime($z))); } ?> ], label : 'Elevadores' }, { fillColor : "rgba(255, 165, 0,0.8)", strokeColor : "rgba(255, 165, 0,0.8)", pointColor : "rgba(255, 165, 0,0.8)", // pointStrokeColor : "#fff", data : [<?php //codigos de escadas no tabela tipo atividades $escada1=39; $escada2=41; $cod_ocor1=array(39,41); $cod_ocor= implode(",",$cod_ocor1); $ultimo_dia=$data_h; $primeiro_dia=date('Y-m-d', strtotime("-15 days",strtotime($data_h))); $z=$primeiro_dia; while($z <= $ultimo_dia) { //total $sql_ocor_2 = "SELECT * FROM TB_OCORRENCIAS where COD_TIPO IN(".$cod_ocor.") and DATA='".$z."'" ; $rs_ocor_2 = mysqli_query($conn_operacao, $sql_ocor_2); $res_ocor_2 = mysqli_fetch_assoc($rs_ocor_2) ; $total_ocor_2 = mysqli_num_rows($rs_ocor_2); echo ($total_ocor_2 .","); $z=date('Y-m-d', strtotime("+1 days",strtotime($z))); } ?> ], label : 'Escadas' } ] }; var ctx = document.getElementById("barsChart1").getContext("2d"); new Chart(ctx).Bar(data); responsive: true; legend(document.getElementById("barsLegend1"), data); } </script>
  15. Ian Pierre

    Parte Gráfica em C - Baralho

    Boa noite, Primeiro post meu aqui no forum. Qualquer ajuda será bem vinda. Tenho um projeto para a matéria Redes de Computadores para fazer. Conversando com o professor me veio a ideia de fazer uma "Mini-central" de jogo de cartas para dois usuarios p2p. Ele disse que prefere que seja feita em C. Enquanto a lógica e as funcionalidades do jogo dessa mini central (21, rouba monte e etc) nao parecem tão dificeís, a parte de exibir cartas de baralhos ainda é uma completa icógnita. Nunca trabalhei com a parte grafica em nenhuma linguagem. Sempre faço as atividades com menus no proprio console usando os numeros do teclado. Qual é o nivel de dificuldade de fazer mostrar na tela esse baralho (mostrar um monte, duas cartas viradas como num jogo de 21...) em C? e em outras linguagens? O que deveria usar e estudar para fazer isso? Quanto a conexão, estou estudando sockets em C...
  16. Jalmiric

    Grafico Gantt

    Olá pessoal estou querendo desenvolver um gráfico de Gantt em delphi xe8. Gostaria de saber como fazer para relacionar uma tarefa a outra, informar que uma tarefa só pode começar depois que outra for concluída. Segue imagem abaixo, o que preciso definir é a ligação entre uma barra e outra. https://drive.google.com/file/d/0B45lwS7583JFV1B2S2RzSVhNeW8/view?usp=sharing Quem puder me ajudar agradeço Jalmir
  17. Gard01

    Grafico PDF (PHPLOT + FPDF) Erro

    Pessoal, Boa noite! Preciso de uma IMENSA ajuda com uma GIGANTESCA urgência... Preciso montar relatórios em gráficos que são exportados para PDF... 1º Montar os graficos com o PHPLOT - OK Isso eu consegui. 2º Transferir ele para PDF com o FPDF, a que pegou, talvez a montagem do script esteja errada, segue: grafPontos.php <?php //incluir o arquivo do phplot include "../../Classes/phplot-6.2.0/phplot.php"; // Conecta com servidor MySQL mysql_connect('localhost', 'root', "") or die(mysql_error()); // Conecta ao Banco MYSQL mysql_select_db('banco') or die(mysql_error()); $sql = "SELECT COLABORADOR, sum(POUNTUACAO) as POUNTUACAO from RESULT_QUIZ"; $sql .= " group by COLABORADOR;"; $query = mysql_query($sql); $grafico = new PHPLOT(700,250); //defini as dimensões do grafico $data = array(); while($ver=mysql_fetch_array($query)) { $data[] = array($ver['COLABORADOR'],$ver['POUNTUACAO']); } $grafico->SetTitleColor('#404040'); // Cor do titulo do grafico $titulo = utf8_decode("Pontuação por Usuário"); $grafico->SetTitle($titulo); // titulo do Grafico $grafico->SetFileFormat("png"); //seleciona o formato de saida do grafico $grafico->SetImageBorderType('plain'); // Define o estilo da borda $grafico->SetBackgroundColor('YellowGreen'); // Define a cor de fundo do grafico $grafico->SetplotType('bars'); // Seleciona o tipo do grafico, pode ser PIE, BARS, LINES e etc $grafico->SetDataType('text-data'); $grafico->SetYDataLabelPos('plotin'); $grafico->SetDataValues($data); $grafico->SetBackGroundColor("white"); $grafico->SetDataColors('SkyBlue'); $grafico->SetOutputFile('grafPontos.png'); $grafico->DrawGraph(); //gera o grafico ?> PDFPontos.php <? //gerar grafico include "grafPontos.php"; //inclusão da classe fpdf include "../../Classes/fpdf17/fpdf.php"; //criar um objeto para gerar o arquivo pdf $relPDF = new fpdf(); // pagina no formato retrato (Portrait) , tipo A4 $relPDF->addPage('P','A4'); //setar um estilo de fonte, fonte verdana, estilo bold "negrito", tamanho 14 $relPDF->setFont('Times','b','16'); $titulo = utf8_decode('Relatório de Pontuação'); $relPDF->Cell(0 , 0, $titulo , 0, 5, 'C'); //espaço de 10 linhas; $relPDF->ln(5); //setar um estilo de fonte, fonte verdana, estilo bold "negrito", tamanho 14 $relPDF->setFont('Times','b','14'); //o método multicell permite escrever em varias linha sem quebrar a célula $texto = utf8_decode('Relatório bimestral com apresentação das vendas dos meses de Janeiro e Fevereiro. O gráfico abaixo apresenta os valores de cada mês dos vendedores Pedro e Paulo.'); $relPDF->multicell(0, 5, $texto , 0 , 'J'); //espaço de 10 linhas; $relPDF->ln(10); //imprime a imagem no arquivo PDF $relPDF->Image('grafPontos.png',60,30,null,null,'PNG'); //espaço de 80 linhas; $relPDF->ln(80); $relPDF->setFont('Times','i','8'); $autor= 'Marcelo Weihmayr'; $blog = 'http://ubuntuiniciantes.blogspot.com'; $faceboock ='http://www.facebook.com/iniciantes.doubuntu'; $twitter = 'https://twitter.com/'; $relPDF->cell(0, 5, 'Autor: '.$autor, 0 , 5,'R'); $relPDF->cell(0, 5, 'Blog : '.$blog, 0 , 5,'R'); $relPDF->cell(0, 5, 'Facebook : '.$faceboock, 0 , 5,'R'); $relPDF->cell(0, 5, 'Twitter : '.$twitter, 0 , 5,'R'); // saida para downlod do arquivo $relPDF->output(); ?> Resultado: Linha 1232 do FPDF ($f = fopen($file,'rb') ;) function _parsepng($file) { // Extract info from a PNG file $f = fopen($file,'rb'); if(!$f) $this->Error('Can\'t open image file: '.$file); $info = $this->_parsepngstream($f,$file); fclose($f); return $info; } Preciso MT MT MT MT da ajuda de vocês, a apresentação do meu tcc é Terça-feira :/ Grato desde já!
  18. joaocarloszen

    Gráfico php mysql

    Bom dia, estou usando um script para fazer um gráfico, seria a somatória dos totais dos meses durante 1 ano, de Janeiro a Dezembro, quando mando trazer o gráfico ele traz no formato amaricado no valor 90000.00, gostaria que ficasse 90.000,00, tentei fazer fazer a alteração pelo SQL: select concat(extract(month from c.data_vencimento),'/', extract(year from c.data_vencimento)) as datas,sum(c.totalpagar) as total from contas_pagar c inner join planodecontas p on p.Id_plano_contas=c.plano_contas where extract(year from c.data_vencimento)='$y' $textTot group by extract(month from c.data_vencimento), extract(year from c.data_vencimento) order by c.data_vencimento alterei essa parte por : Replace(Replace(Replace(Format(sum(c.totalpagar), 2), '.', '|'), ',', '.'), '|', ',') , na teoria deu certo, mas ele reconhece meu numero 90.000,00 menor que 300,00 no gráfico, no caso ele deve estar reconhecendo o valor 90.00,00 como 90,00. Já tentei um bucado de coisa e não consigo arrumar.
  19. marcossantana10

    Problema com Google Chart

    Fala galera. Comecei a usar o Google Chart para gerar gráficos a partir dos dados do meu banco. Ótima ferramenta, mas esbarrei num problema aqui e queria saber se alguém já passou por ele e se conseguiu resolver. Quando coloco um gráfico, funciona normal. O problema é quando eu quero colocar mais de um gráfico na mesma página, já que os gráficos chamam o mesmo método. Tentei renomear mas não funcionou. Segue o código dos gráficos: <script type="text/javascript" src="https://www.google.com/jsapi"></script> //gráfico 1 <script type="text/javascript"> google.load("visualization", "1.1", {packages:["bar"]}); google.setOnLoadCallback(drawStuff); function drawStuff() { var data = new google.visualization.arrayToDataTable([ ['Move', '%'], ["Masculino", <?php echo $percent_masc ?>], ['Feminino', <?php echo $percent_fem ?>] ]); var options = { title: 'Percentual de pacientes', width: 380, legend: { position: 'none' }, chart: { subtitle: 'Divisão por sexo' }, axes: { x: { 0: { side: 'top', label: ''} // Top x-axis. } }, bar: { groupWidth: "90%" } }; var chart = new google.charts.Bar(document.getElementById('top_x_div')); // Convert the Classic options to Material options. chart.draw(data, google.charts.Bar.convertOptions(options)); }; </script> //gráfico2 <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Effort', 'Amount given'], ['My all', 100], ['My all', 50], ]); var options = { pieHole: 0.5, pieSliceTextStyle: { color: 'black', }, legend: 'none' }; var chart = new google.visualization.PieChart(document.getElementById('donut_single')); chart.draw(data, options); } </script> O erro é o seguinte: You called the draw() method with the wrong type of data rather than a DataTable or DataView
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.