Preguntas etiquetadas con chart.js

Chart.js es una biblioteca de JavaScript para crear gráficos animados e interactivos para su inclusión en páginas web


12
Establecer la altura del gráfico en Chart.js
Quiero dibujar un gráfico de barras horizontales con Chart.js pero sigue escalando el gráfico en lugar de usar la altura que le asigno al lienzo del script. ¿Hay alguna forma de establecer la altura del gráfico a partir del script? Ver violín: Jsfidle HTML <div class="graph"> <div class="chart-legend"> </div> <div …

14
Actualizar dinámicamente los valores de un gráfico chartjs
Creé un gráfico de barras básico usando chartjs y funciona bien. Ahora quiero actualizar los valores en un intervalo de tiempo. Mi problema es que después de crear el gráfico, no sé cómo actualizar sus valores correctamente ... Mi código: var ctx = $("#myChart").get(0).getContext("2d"); var dts = [ { fillColor: …


4
Chart.js: líneas rectas en lugar de curvas
Estoy usando Chart.JS para trazar un conjunto de datos, ¡Sin embargo, obtuve un efecto suave! Aquí está la curva que tengo: Aquí está mi 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 }; var …
111 chart.js 

19
¿Cómo borrar un gráfico de un lienzo para que los eventos de desplazamiento no se puedan activar?
Estoy usando Chartjs para mostrar un gráfico de líneas y esto funciona bien: // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); Pero el problema ocurre cuando trato de cambiar los datos del gráfico. Actualizo el gráfico creando una nueva instancia …

3
¿Cómo establecer el valor inicial como "0" en chartjs?
aquí está mi código. Necesito establecer el valor inicial como "0" en las escalas de los ejes X e Y. He probado la última versión de la opción de escalas. graphOptions = { ///Boolean - Whether grid lines are shown across the chart scaleShowGridLines: false, tooltipTitleTemplate: "<%= label%>", //String - …
109 charts  chart.js 

5
Chart.js v2 ocultar etiquetas de conjuntos de datos
Tengo los siguientes códigos para crear un 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 }] } }); Los códigos parecen simples, pero …





9
Configuración de ancho y alto
Estoy probando el código de ejemplo para Chart.js dado en los documentos . El ancho y la altura se especifican en línea en el elemento de lienzo a 400 px / 400 px. Pero al renderizar el gráfico, se amplía al ancho de página completo y corta el extremo derecho. …
85 chart.js 

6
Chart.js: formateo del eje Y
Estoy usando Chart.js para dibujar un diagrama de barras simple y necesito formatear su eje Y como 123456.05 a 123456,05 $ No entiendo como usar scaleLabel : "<%=value%>" Vi a alguien apuntando a " JS Micro-Templating ", pero no tengo ni idea de cómo usar eso con nuestra scaleLabelopción. ¿Alguien …

1
Límites de fondo personalizados para Donut (Gauge)
Estoy usando un gráfico de indicadores basado en ( Chartjs-tsgauge ). Quiero establecer los colores de fondo para el gráfico por separado de los límites del medidor. El problema con cómo Charts.JS representa el fondo porque el complemento que utilicé no tiene un código sobre fondos. Por ejemplo, tengo un …

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.