On the adaptive problem of multiple y-axes of echart

problem description

now there is a new requirement that multiple y-axes need to be displayed in echart, but when more than two y-axes are obscured, how to reduce the display of the icon area, the y-axis can be fully displayed

clipboard.png the median value of the picture shows 4 items (two of the left and right can only see half, in fact, I chose 6). Is there any way to make the picture adaptive, that is, to reduce the area of the middle display content when the y-axis increases? the original echart re-rendering on the Internet cannot be used in this problem

.
Mar.28,2021

this kind of picture doesn't look good either. Let me give you an idea. Can you see if it's all right?
because you want to display multiple Y axes, which means that you have multiple data models, maybe their X axes correspond to different Y values, so you can map Y values to a Y value in a certain way, and then specialize the Y axis identification, and different data lines are distinguished by different colors.

in addition, the official provides a custom series to expand. You can refer to
http://echarts.baidu.com/option.html-sharpseries-custom

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e5f0aa-457eb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e5f0aa-457eb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?