null

& #13Ejemplos de diagramas y graficas de barras, columnas, circulares, anillos, claras y radiales
insertados en esta pgina funcionan offline. Archivos para descargar gratis de cargo y los cdigos
necesarios para mostrarlos en las pginas de internet. & #thirteen Los grficos son elementos muy
azulejos en las pginas mundo amplia web, cuando se necesita mostrar de forma visual y hacer ms
comprensibles los datos y la informacin.
Adems las hacen mucho ms vistosas y atractivas.
Los publicamos en la red siempre andamos buscando el modo de agregarle elementos a nuestras
pginas las hagan ms funcionales, siempre cuando no atenten contra su rendimiento.
Chart.js es una solucin para mostrar grficos de forma sencilla.
En otro artculo indicamos como mismo propsito la API de Google Charts, pero Chart.js es totalmente
diferente, ms sencilla y adems es uso libre de usar para este.
Con Google Charts se cargan desde los servidores estudio seo de Google los archivos necesarios
para mostrar los grficos.
Con Chart.js solo es necesario subir a nuestro servidor un pequeo guin del mismo nombre
"Chart.js".
En este artculo mostramos como usarlo y agregamos algunos ejemplos prcticos.

Usar los grficos de Chart.js fuera pecado

conexinUna de las ventajas de usar Chart.js es
podemos emplearlos en archivos HTML funcionan
offline pecado conexin una web.
De esa forma podemos crear grficos para
mostrarlos en presentaciones o en documentos
funcionan en cualquier computadora con cualquier
sistema operativo, alguno de muros de pecado, solo la web de navegador de dispongan de las
Naciones Unidas.
MS abajo se puede descargar un archivo HTML de ejemplo para ejecutarlo y reproducir el grafico
incluye.Como mostrar grficos con Chart.js Usar Chart.js es algo sencillo, solo debemos insertar un
script haga referencia al script, un contenedor DIV en el lugar exacto donde saludando mostrar el
grfico y un cdigo est con los datos.

Por ejemplo para mostrar un grfico ronda con solo dos datos, seria de la siguiente forma: & #13 &
ltscript src = "... /JS/Chart.min.js"&gt&lt/script&gt&#Thirteen&ltdiv id ="lienzo titular"& gt &
#thirteen & ltcanvas id ="tabla-punto"width ="trescientos"top ="trescientos"& gt & lona lt y gt &

#13 & lt/div y gt & #13 & ltscript & gt & #13var pieData = [valor: 40, cortina:"#0b82e7",
destaca:"#0c62ab", etiqueta:"Primer dato"& #13value:sixty, color:"#0b82e7", centro de
atencin:"#0c62ab", etiqueta:"Segundo dato"] & #13var ctx = &#13window.myPie ("2d")
document.getElementById("chart-area").getContext = Chart(ctx) nuevo. Empanada (pieData) y
#thirteen y lt/script & gt & #13 Podemos usar filtro-regulador tipos de grficos, como barras,
columnas, circular, anillo, claras, radial y otros, adems personalizarlos completamente.
Los grficos pueden ser proporcionando o mar reducir su tamao el cargar la pgina en un dispositivo
con una pantalla pequea como una tableta o telfono celular, se puede comprobar con dos de los
se insertan en esta pgina. Ejemplos de grficos en esta pgina usando Chart.js Los dos primeros
grficos, redondo y de anillo usan la misma serie de datos, son los correspondientes a las
estadsticas de los navegadores usados para acceder a este sitio world wide web en el momento de
crear esta pgina.
El tercero es un grfico de barras y el cuarto es uno de claras, estos dos usan la misma serie de datos.
Tambin hijo proporcionando, es decir se adaptan al ancho de la pantalla del dispositivo.
Descargar Chart.js Los archivos y toda la informacin para usar Chart.js de diseo grafico forma
elemental y avanzada se puede descargar gratis desde Github La informacin est en ingls, por
eso detallamos en esta pgina de como utilizarlo. Ejemplos para descargar de grficos usando
Chart.js En el siguiente enlace se puede descargar gratis de carga de un archivo HTML para ver los
grficos se muestran en esta pgina, pero funciona offline, conexin de pecado.
Se incluye el archivo Chart.js puedes usar en tus proyectos.
El cdigo est de agencia web en mexico df la pgina se puede modificar fcilmente e montaje tus
propios datos.
Descargar ejemplos Chart.js