I’m using the ECharts library to create an area chart. The chart renders correctly when the yAxis type is set to ‘value’. However, when I change the yAxis type to ‘log’, I encounter a strange issue: the color of the chart extends beyond the chart’s internal area and fills the space outside of it.

You can check the issue in detail through this CodeSandbox link.

I also tried adjusting the min value of the yAxis option to something lower than the smallest value in the data source, which seems to fix the issue. However, I want to maximize the gap between the largest and smallest values on the chart, and lowering the min value reduces this gap, which doesn’t give me the result I need.

For more details, please refer to line 180 in the index.js file of the CodeSandbox I provided earlier.

I would appreciate it if you could take a look.

Thank you for taking the time to help!