Gráficos y widgets
Los gráficos, las cifras clave que puedes arrastrar a un nuevo orden, las exportaciones a PNG y CSV, el mapa del mundo y la pila de tarjetas.
Los gráficos
| Gráfico | Página | Qué puede hacer el usuario |
|---|---|---|
| Your Statistics, un gráfico de áreas | Resumen | Pasa el cursor para ver los valores |
| Portfolio Performance, un gráfico de barras | Resumen | Pasa el cursor para ver los valores |
| Revenue vs Expenses | Analíticas | Cambia entre Daily, Weekly, Monthly y Yearly; pasa el cursor para ver los valores; descárgalo como PNG |
| Spending by Category, un gráfico de anillo | Analíticas | Pasa el cursor sobre una categoría para ver su porcentaje; descárgalo como PNG |
| Weekly Activity | Analíticas | Un mapa de calor de la semana con tendencias de actividad y gasto; descárgalo como PNG |
| Recent Transactions | Analíticas | Descarga la tabla como PNG |
Los gráficos siguen el color de marca y el modo claro u oscuro, y sus etiquetas están traducidas. Un PNG se dibuja al doble del tamaño de pantalla, sobre el color de fondo de la página.
Cifras clave que puedes arrastrar
La fila de cuatro cifras clave de las páginas de analíticas, transacciones y tarjetas se puede poner en cualquier orden: arrastra una tarjeta al lugar de otra. Con el teclado, enfoca una tarjeta, pulsa Espacio para cogerla, muévela con las teclas de flecha y pulsa Espacio de nuevo para soltarla. Cada tarjeta muestra su valor y, cuando lo tiene, el cambio en verde o rojo.
El navegador recuerda el orden de cada página por separado, así que se mantiene tras recargar. Borrar los datos del sitio devuelve el orden original.
Exporta las transacciones
Export en la página de transacciones descarga las transacciones dentro del rango de fechas elegido y los ajustes del diálogo Filter como un archivo CSV llamado transactions_ seguido de la fecha del día. Las columnas son Date, Description, Type, Category, Amount y Status, con encabezados y textos en el idioma de la página y fechas escritas como año-mes-día. Los importes de entrada empiezan con + y los de salida con -. El archivo se abre en Excel con el texto árabe intacto. Un diálogo confirma la descarga.
El mapa del mundo y la pila de tarjetas
- Global Transfers en el resumen es un mapa del mundo con un marcador por cada transferencia y botones para acercar y alejar. Carga las formas de los países desde internet.
- La pila de tarjetas del resumen muestra las tarjetas de pago una encima de otra. Haz clic en la tarjeta del frente para traer la siguiente, y Add card pone una tarjeta de ejemplo nueva en la pila.
Los componentes de gráficos
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Los componentes de gráficos reutilizables y cómo añadir una descarga en PNG a cualquier widget.
Cómo funcionan las tarjetas arrastrables
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
El componente DraggableStatsGrid, sus props, la forma de sus datos y dónde se guarda el orden.
Cómo funciona la exportación a CSV
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
El componente de exportación, sus props y cómo cambiar sus columnas o el nombre del archivo.
Las formas de los países del mapa del mundo
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
De dónde carga el mapa sus formas, cómo servirlas tú mismo y las props del mapa.