Current location - Health Preservation Learning Network - Slimming men and women - Make a comparison chart with echarts.
Make a comparison chart with echarts.
Comparison charts have been used in recent projects. In order not to look for information everywhere in the future, the practice of comparing pictures was recorded.

The contrast graph is actually a set of horizontal histograms, with the X axis as a measure and the Y axis as a dimension. Unlike the example given by echarts, the left and right sides of the X axis generally need to be positive. In this case, three coordinate systems can be established: the first coordinate system corresponds to the left part (the X-axis is set to be inverse), the second coordinate system corresponds to the right part, and both coordinate systems hide the Y-axis. The third coordinate system is used to display the Y-axis (the Y-axis is generally placed on the left side, but it can also be properly placed on the right side) and hide the X-axis. As shown in the figure

Datazoom is also added to the comparison diagram to link the three Y axes.

Finally, the fly in the ointment is. When the mouse moves in, the tooltip can only temporarily display the contents of a certain side. If you add a coordinate system, it may be solved. ...