Perguntas com a marcação «chart.js»

Chart.js é uma biblioteca JavaScript para a criação de gráficos animados e interativos para inclusão em páginas da web

17
Como definir o valor máximo e mínimo para o eixo Y
Estou usando o gráfico de linhas de http://www.chartjs.org/ Como você pode ver o valor máximo (130) e o valor mínimo (60) para o eixo Y são escolhidos automaticamente, quero o valor máximo = 500 e o valor mínimo = 0. Isso é possível?
177 chart.js 

12
Definir altura do gráfico no Chart.js
Eu quero desenhar um gráfico de barras horizontal com o Chart.js, mas ele continua dimensionando o gráfico em vez de usar a altura que atribuo à tela do script. Existe alguma maneira de definir a altura do gráfico a partir do script? Veja o violino: Jsfidle HTML <div class="graph"> <div …

14
Atualizar dinamicamente os valores de um gráfico chartjs
Eu criei um gráfico de barras básico usando chartjs e funciona bem. Agora eu quero atualizar os valores em um intervalo baseado em tempo. Meu problema é que, depois de criar o gráfico, não sei como atualizar seus valores corretamente ... Meu código: var ctx = $("#myChart").get(0).getContext("2d"); var dts = …


4
Chart.js: linhas retas em vez de curvas
Estou usando Chart.JS para traçar um conjunto de dados, No entanto, obtive um efeito suave! Aqui está a curva que tenho: Aqui está o meu código: function plotChart(data, labels) { var lineChartData = { "datasets": [{ "data": data, "pointStrokeColor": "#fff", "fillColor": "rgba(220,220,220,0.5)", "pointColor": "rgba(220,220,220,1)", "strokeColor": "rgba(220,220,220,1)" }], "labels": labels }; …
111 chart.js 

19
Como limpar um gráfico de uma tela para que os eventos de foco não possam ser acionados?
Estou usando Chartjs para exibir um gráfico de linha e isso funciona bem: // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); Mas o problema ocorre quando tento alterar os dados do Chart. Eu atualizo o gráfico criando uma nova instância …

3
como definir o valor inicial como “0” no chartjs?
aqui está o meu código. eu preciso definir o valor inicial como "0" nas escalas dos eixos xey. Tentei a opção de escalas de versão mais recente. graphOptions = { ///Boolean - Whether grid lines are shown across the chart scaleShowGridLines: false, tooltipTitleTemplate: "<%= label%>", //String - Colour of the …
109 charts  chart.js 

5
Chart.js v2 ocultar rótulos de conjunto de dados
Eu tenho os seguintes códigos para criar um gráfico usando Chart.js v2.1.3: var ctx = $('#gold_chart'); var goldChart = new Chart(ctx, { type: 'line', data: { labels: dates, datasets: [{ label: 'I want to remove this Label', data: prices, pointRadius: 0, borderWidth: 1 }] } }); Os códigos parecem simples, …





10
Configurando largura e altura
Estou testando o código de exemplo para Chart.js fornecido na documentação . A largura e a altura são especificadas em linha no elemento da tela em 400px / 400px. Mas, ao renderizar o gráfico, ele é ampliado para a largura da página inteira e corta a extremidade direita. consultar exemplo …
88 chart.js 

20
chart.js carrega dados totalmente novos
A API parachart.js permite editar pontos dos conjuntos de dados carregados nele, por exemplo: .update( ) Chamar update () em sua instância de gráfico irá renderizar novamente o gráfico com quaisquer valores atualizados, permitindo que você edite o valor de vários pontos existentes e, em seguida, os renderize em um …


Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.