¿Cómo se determina la distribución de la epidemia a la que prestamos atención todos los días?

Durante este período, lo primero que hago al despertar cada mañana es encender mi teléfono para comprobar la situación epidémica actual.

Como programador, cuando vi esta imagen, supuse que esta imagen debería ser dibujada por echarts de Baidu, y luego pensé en el uso de echarts. Pero trate de demostrar que todavía soy demasiado joven y no tengo conocimiento del producto.

El equipo echarts de Baidu lleva mucho tiempo empaquetando las capacidades de echarts en una herramienta completa y fácil de usar. Cualquiera puede desarrollar rápidamente íconos avanzados como mapas epidémicos sin conocer una línea de código.

Sin más preámbulos, esta herramienta es Descripción de imagen de Baidu, la URL es /

Mira en la esquina inferior derecha. Efectivamente, es producido por echarts.

Comencemos mi programa:

Simplemente busque cualquier sitio web y obtenga los datos más recientes sobre la epidemia.

Haga clic para comenzar a crear un gráfico->Crear un gráfico->Seleccione un mapa->Mapa estándar de China

Edición de datos->Importar a Excel. Podemos importar datos epidémicos preparados.

4. Ajustar el color

Ajustar mediante parámetros. Modificando el alcance y el color del controlador dentro del alcance. Simplemente puedes hacer un buen gráfico.

Además, hay muchas otras leyendas de uso común en los títulos. A menudo hacemos esto con echarts.

Esta herramienta es muy buena, aunque los programadores podemos escribirla en código, puede ahorrarnos muchos problemas. Además, esta herramienta puede ver el código fuente y también podemos utilizarla para modificar funciones que aún no se han implementado.

Para las personas que no entienden el código, úselo directamente. No es necesario que comprenda una línea de código.

Recomendar otros gráficos de código abierto.

D3.js es una biblioteca JavaScript de código abierto 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 que puede usar para generar una tabla HTML, o puede usar los mismos datos para generar un gráfico circular o de barras interactivo.

Sitio web oficial: https://d3js.org/

Chart.js es una biblioteca de gráficos mantenida por la comunidad a través de la cual podemos crear gráficos responsivos para su sitio web. Al usarlo, podemos generar gráficos híbridos con buenas capacidades de representación en los navegadores modernos. Angular chart se basa en la biblioteca Chart.js y será muy fácil para el proyecto Angular implementar Angular Chart.

Sitio web oficial: http://www.chartjs.org/

N3 chart 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 un gráfico más potente y es fácil de implementar.

Sitio web oficial: http://n3-charts.github.io/line-chart/#/home.