@GetemJay It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED

TITLE

[Bug] The visualMap color is not used correctly when the line chart is data-intensive

when visualMap dimension/pieces are by X-axis, vertical or near-vertical lines will have two colors (start, end). These two colors blend depending on pieces rules. Your upper chart example shows the blending effect more pronounced because many lines overlap. This is not a bug, since the API documentation does not elaborate on how blending is done and what results should be expected.
A suggestion for alternative coloring by Y-axis:

dimension: 1, pieces: [{ gte: 0, lt: 110 }, { gte: 110 }],
    inRange: { color: ['red', 'green'] },

when visualMap dimension/pieces are by X-axis, vertical or near-vertical lines will have two colors (start, end). These two colors blend depending on pieces rules. Your upper chart example shows the blending effect more pronounced because many lines overlap. This is not a bug, since the API documentation does not elaborate on how blending is done and what results should be expected. A suggestion for alternative coloring by Y-axis:

dimension: 1, pieces: [{ gte: 0, lt: 110 }, { gte: 110 }],
    inRange: { color: ['red', 'green'] },

My requirement is to draw three lines: upper limit, lower limit, and actual value. When the actual value exceeds the upper or lower limit, the line needs to turn red. However, the upper and lower limits for each point are different, so it seems impossible to differentiate colors using the Y-axis.

I had the same problem, but when I zoomed out the colors were correct.

I had the same problem, but when I zoomed out the colors were correct.

跟开启large并且数据点超出largeThreshold时 图表缩放尺寸或者缩放数据显示时会出现上面的问题；

设置large: false就好了