javascript

Area chart en ApexCharts: gráficas interactivas y responsivas

Introducción ApexCharts es una librería nueva que provee gráficas en formato SVG (en lugar de canvas como se venía haciendo). No necesita ninguna librería (como jQuery, AngularJS, VueJS, etcétera). Hoy veremos cómo crear una Area Chart en ApexCharts. Nota: puede que también quieras ver cómo crear gráficas en la web usando chart.js.

Area chart en ApexCharts: gráficas interactivas y responsivas Leer más »

JavaScript: comprobar si números están ordenados en orden ascendente

Introducción Hoy veremos otro ejercicio de codewars muy simple. Se trata de comprobar si todos los números en un arreglo están en orden ascendente. Recordemos que un arreglo, vector o array es una colección de elementos. Uno de números, ordenado de manera ascendente se vería así: [1, 4, 5, 80, 100, 500] En cambio, uno

JavaScript: comprobar si números están ordenados en orden ascendente Leer más »

Generar color hexadecimal aleatorio con Javascript

Introducción Recientemente estuve generando algunas gráficas de barras para un pequeño proyecto. Debido a que las gráficas eran llenadas de forma dinámica, necesitaba una forma de generar colores aleatorios en hexadecimal. Recordemos que un color hexadecimal se compone de 6 caracteres que pueden ser: 0123456789ABCDEF Por ejemplo, un color hexadecimal puede ser el #8bc34a. El

Generar color hexadecimal aleatorio con Javascript Leer más »

Sumar y restar fechas en Javascript

Introducción En nuestra vida como programadores hay cosas fáciles y difíciles. Personalmente, el trabajo con fechas se me hacía complicado al inicio. Hoy veremos cómo sumar y restar fechas en Javascript para poder calcular rangos, estimar qué fecha fue hace una semana, etcétera. Será muy fácil y nos ayudará a entender las cosas. Nota: ¿Quieres

Sumar y restar fechas en Javascript Leer más »

Filtrar arreglos en Javascript como si se utilizara LIKE de SQL

Introducción Este será un post corto pero que nos ayudará. Se trata de filtrar datos de un arreglo como si estuviéramos haciendo una consulta LIKE. Por ejemplo, en SQL hacemos una consulta con el operador LIKE así: SELECT * FROM personas WHERE nombre LIKE “%ar%”; Y eso seleccionaría a las personas que en su nombre

Filtrar arreglos en Javascript como si se utilizara LIKE de SQL Leer más »

Reiniciar o limpiar gráfica de Chart.js

Introducción Ayer estuve trabajando con Chart.js, una librería para generar gráficas. Debido a que la gráfica era actualizada cada que el usuario seleccionaba una opción distinta, a veces se mostraban algunas barras encima de otras, tooltips que no deberían estar y cosas de esas. Así que investigando encontré la solución para reiniciar, limpiar y destruir

Reiniciar o limpiar gráfica de Chart.js Leer más »

Acceder a los filtros de VueJS desde el código Javascript

Introducción Los filtros de Vue.js son muy útiles. Generalmente son utilizados sólo en la vista. Por ejemplo, si queremos filtrar moneda hacemos esto: {{sueldo | currency}} ¿Pero qué pasa si queremos utilizar esos filtros en nuestro código javascript? recientemente me pasó que estaba generando un documento PDF con la magnífica librería jsPDF, pero para mostrar

Acceder a los filtros de VueJS desde el código Javascript Leer más »

Javascript: Número o moneda a texto / letras

Introducción Cuando trabajamos con documentos contables, o con cosas que llevan una cantidad, a veces es necesario convertir los números a texto. Esto pasa sobre todo cuando queremos convertir dinero a una representación legible, es decir, a letras o a texto. Por ejemplo, convertir “123.00” a (al menos en México) “Ciento veintitrés pesos con cero

Javascript: Número o moneda a texto / letras Leer más »