Utilice echarts para crear gráficos comparativos.

En proyectos recientes se han utilizado cuadros comparativos. Para no buscar información por todas partes en el futuro, registré el cuadro comparativo.

Un gráfico comparativo es en realidad un conjunto de histogramas horizontales, siendo el eje X la medida y el eje Y la dimensión. A diferencia del ejemplo oficial dado por echarts, los lados izquierdo y derecho del eje X generalmente deben ser positivos. En este caso se pueden establecer tres sistemas de coordenadas: el primer sistema de coordenadas corresponde a la parte izquierda (el eje X se establece en inverso), el segundo sistema de coordenadas corresponde a la parte derecha, ambos sistemas de coordenadas ocultan el eje Y, y el El segundo sistema de coordenadas corresponde a la parte derecha. Los tres sistemas de coordenadas se utilizan para mostrar el eje Y (el eje Y generalmente se coloca a la izquierda, pero también se puede colocar a la derecha de manera apropiada) y ocultar el eje X. Como se muestra

También se ha agregado Datazoom al cuadro comparativo para vincular los tres ejes Y.

Finalmente, hay una mosca en el ungüento. Cuando se mueve el mouse hacia adentro, la información sobre herramientas solo puede mostrar temporalmente el contenido de un lado determinado. Si agrega un sistema de coordenadas, es posible que se resuelva. ...