Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''gráfico''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 6 registros

  1. Mauricio Molina

    Grafico Dinamico Chart.js

    Ola pessoal, Alguém pode de dar uma força. Estou trabalhando em um dashbord baseado em boostrap, estou deixando ele bastante dinâmico, e nele coloquei um gráfico de rosca, o problema que não manjo como fazer o JS buscar os dados de forma dinâmica no banco de dados. HTML: <!-- Grafico --> <div class="card-body"> <div class="chart-pie pt-4 pb-2"> <canvas id="myPieChart"></canvas> </div> <div class="mt-4 text-center small"> <span class="mr-2"> <i class="fas fa-circle text-primary"></i> Anúncio </span> <span class="mr-2"> <i class="fas fa-circle text-success"></i> Site </span> <span class="mr-2"> <i class="fas fa-circle text-info"></i> Outros </span> </div> </div> </div> </div> </div> JS: // Set new default font family and font color to mimic Bootstrap's default styling Chart.defaults.global.defaultFontFamily = 'Nunito', '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif'; Chart.defaults.global.defaultFontColor = '#858796'; // Pie Chart Example var ctx = document.getElementById("myPieChart"); var myPieChart = new Chart(ctx, { type: 'doughnut', data: { labels: ["Anuncio", "Site", "Outros"], datasets: [{ data: [55, 30, 15], // *os dados deverão ser impressos aqui* backgroundColor: ['#4e73df', '#1cc88a', '#36b9cc'], hoverBackgroundColor: ['#2e59d9', '#17a673', '#2c9faf'], hoverBorderColor: "rgba(234, 236, 244, 1)", }], }, options: { maintainAspectRatio: false, tooltips: { backgroundColor: "rgb(255,255,255)", bodyFontColor: "#858796", borderColor: '#dddfeb', borderWidth: 1, xPadding: 15, yPadding: 15, displayColors: false, caretPadding: 10, }, legend: { display: false }, cutoutPercentage: 80, }, }); Os dados precisam ser somados a cada cadastro no BD, sou seja, a cada cadastro o cliente indicara que a OS veio de um anuncio por exemplo, os campos deveram somar quantas OS vieram de anuncio, site e outros. Obrigado!
  2. Diego-SLP

    Grafico Bootstrap+PHP

    Bom dia, Tenho um exemplo de gráfico e gostaria de saber como eu passo valores vindo do banco para as variaveis do grafico (elas estao inseridas manualmente no arquivo) e eu gostaria de forma dinamica via PHP pegando do meu banco MySQL. já pesquisei mas o que fiz não consegui puxar os valores, ate tentei colocar em session mas ai trouxe somente o ultimo valor e nao todos. var $visitorsChart = $('#movimentacao') var visitorsChart = new Chart($visitorsChart, { data : { labels : ['18th', '20th', '22nd', '24th', '26th', '28th', '30th'], datasets: [{ type : 'line', data : [100, 120, 170, 167, 180, 177, 160], backgroundColor : 'transparent', borderColor : '#007bff', pointBorderColor : '#007bff', pointBackgroundColor: '#007bff', fill : false // pointHoverBackgroundColor: '#007bff', // pointHoverBorderColor : '#007bff' }, { type : 'line', data : [60, 80, 70, 67, 80, 77, 100], backgroundColor : 'tansparent', borderColor : '#ced4da', pointBorderColor : '#ced4da', pointBackgroundColor: '#ced4da', fill : false // pointHoverBackgroundColor: '#ced4da', // pointHoverBorderColor : '#ced4da' }] }, meu PHP esta assim: $busca = mysqli_query($con,"SELECT EXTRACT(MONTH FROM DATA) mes, SUM(quantidade) AS qtd FROM dosagem_usina WHERE operacao='saida' GROUP BY mes");
  3. Olá, quero aprofundar meu conhecimento em programação, e gostaria de saber se é possível criar um grafico com 3 pontas com um botão em cada uma, e quando clicar em um deles o gráfico aumentasse naquela direção.
  4. veronicasm

    Edição de gráfico de uma página JS

    Sou iniciante em prgramação web e estou com uma dúvida. Tenho um gráfico que é gerado em uma página js e chamado a partir de uma página php, porém como o arquivo é de um exemplo e está com valores fixos, preciso saber como alterá-lo passando informações de uma consulta sql . Este é o trecho do meu código que está no index.php e que chama o gráfico <div class="row"> <div class="col-md-4"> <div class="card card-chart"> <div class="card-header card-header-success"> <div class="ct-chart" id="dailySalesChart"></div> </div> <div class="card-body"> <h4 class="card-title">Abertura de Chamados</h4> <p class="card-category"> <span class="text-success"><i class="fa fa-long-arrow-up"></i> 55% </span> increase in today sales.</p> </div> <div class="card-footer"> <div class="stats"> <i class="material-icons">access_time</i> updated 4 minutes ago </div> </div> </div> </div> e este é o código que está no dashboard.js e que cria o gráfico /* ----------========== Daily Sales Chart initialization ==========---------- */ dataDailySalesChart = { labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'], series: [ [12, 17, 7, 17, 23, 18, 38] ] }; optionsDailySalesChart = { lineSmooth: Chartist.Interpolation.cardinal({ tension: 0 }), low: 0, high: 50, // creative tim: we recommend you to set the high sa the biggest value + something for a better look chartPadding: { top: 0, right: 0, bottom: 0, left: 0 }, } var dailySalesChart = new Chartist.Line('#dailySalesChart', dataDailySalesChart, optionsDailySalesChart); md.startAnimationForLineChart(dailySalesChart);
  5. Zarddy77

    Tabelas e Graficos em JavaScript

    Boa noite. Gostaria de ajuda com a formatação desse gráfico! É possível ajustar a width dele, sem que seja através da fullwidth? Eu gostaria de diminuir o espaço final, após a coluna dezembro Desde já, muito obrigado! new Chartist.Line('#ct-visits', { labels: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], series: [ [5, 2, 7, 4, 5, 3, 5, 4, 2, 3, 4, 5] , [2, 5, 2, 6, 2, 5, 2, 4, 5, 2, 4, 7] ] }, { top: 0, low: 1, showPoint: true, //fullWidth: true, plugins: [ Chartist.plugins.tooltip() ], axisY: { labelInterpolationFnc: function (value) { return (value / 1) + '$'; } }, showArea: true, //resize: true });
  6. 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 !
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.