¿Cómo se determina la distribución de la epidemia a la que prestamos atención todos los días?
Desde este periodo de tiempo, lo primero que hago al levantarme cada mañana es encender el teléfono para comprobar el estado actual de la epidemia.
Como programador, cuando miré esta imagen, supuse que debería dibujarse usando echarts de Baidu, y luego pensé en el uso de echarts. Pero intentarlo demostró que todavía era demasiado joven y no tenía conocimiento del producto.
El equipo echarts de Baidu ha empaquetado las capacidades de echarts en una herramienta completa y fácil de usar. Cualquiera puede desarrollar rápidamente un ícono avanzado como un mapa epidémico sin conocer una línea de código.
Sin más preámbulos, esta herramienta es Baidu Tushu, la URL es /
Mira en la esquina inferior derecha, efectivamente es correcta, es producida por echarts.
Comencemos mi actuación:
Busque cualquier sitio web y obtenga una copia de los datos epidémicos más recientes.
Haga clic para comenzar a crear gráficos---gt; Gráfico---gt; Seleccionar mapa---gt; Mapa estándar de China
Edición de datos---importar a Excel. Puede importar los datos epidémicos que preparamos
4 y ajustar el color
mediante el ajuste de parámetros. En el campo de valor modificando el rango del campo de valor y el color del controlador. Es fácil hacer un gráfico bastante bueno.
Además, hay muchas otras leyendas de uso común en las ilustraciones. Esto es lo que hacemos frecuentemente con echarts.
Esta herramienta es muy buena, aunque los programadores podemos escribirla en código, lo que nos puede ahorrar muchos problemas. Además, esta herramienta puede ver el código fuente y también podemos usarla para modificar funciones que no están implementadas.
Para las personas que no entienden el código, pueden usarlo directamente. No es necesario comprender una línea de código.
Algunas otras recomendaciones de gráficos de código abierto
D3.js es una biblioteca JavaScript de código abierto que se utiliza para procesar documentos basados en datos del usuario. Esta es una poderosa herramienta que da vida a los datos con la ayuda de HTML, SVG y CSS. D3 permite a los desarrolladores vincular datos arbitrarios al DOM y luego aplicar transformaciones basadas en datos al DOM. Por ejemplo: considere una matriz de matrices que puede usar para generar una tabla HTML, o puede usar los mismos datos para generar un gráfico de barras interactivo o un gráfico circular.
Sitio web oficial: https://d3js.org/
Chart.js es una biblioteca de gráficos mantenida por la comunidad; al usarla, podemos crear gráficos responsivos para su sitio web. Al usarlo, podemos generar gráficos híbridos que se muestran bien en los navegadores modernos. Angular Chart se basa en la biblioteca Chart.js y será muy fácil para los proyectos de Angular implementar gráficos Angular.
Sitio web oficial: http://www.chartjs.org/
n3-charts también es una biblioteca de gráficos JavaScript de código abierto, que simplifica la vida de los desarrolladores de Angular. n3-chart se basa en D3.js y AngularJS, por lo que tiene gráficos más potentes y es fácil de implementar.
Sitio web oficial: http://n3-charts.github.io/line-chart/#/home