[Bug] How to make the hierarchy of emphasis in series above the axisPointer, while the axisPointer is above the series.areaStyle

[aichitudou0823]

Version

5.4.3

Link to Minimal Reproduction

see code

Steps to Reproduce

axisPointer: {
type: 'line',
lineStyle: {
color: colorMap['fill-4-bg'],
width: 2,
type: 'solid',
},
},
series: [
{
type: 'line',
smooth: true,
symbol: 'none',
symbolSize: 0,
emphasis: {
symbolSize: 10,
itemStyle: {
color: colorMap['main-1-cl'],
borderWidth: 2,
borderColor: colorMap['main-1-cl'],
},
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{ offset: 0, color: colorMap['main-1-cl'] },
{ offset: 1, color: 'transparent' },
],
},
},
},
]

Current Behavior

How to make the hierarchy of emphasis in series above the axisPointer, while the axisPointer is above the series.areaStyle

Expected Behavior

How to make the hierarchy of emphasis in series above the axisPointer, while the axisPointer is above the series.areaStyle

Environment

- OS:macOS
- Browser:Chrome 145
- Framework:vue 2

Any additional comments?

Version

5.4.3

Link to Minimal Reproduction

see code

Steps to Reproduce

axisPointer: {
type: 'line',
lineStyle: {
color: colorMap['fill-4-bg'],
width: 2,
type: 'solid',
},
},
series: [
{
type: 'line',
smooth: true,
symbol: 'none',
symbolSize: 0,
emphasis: {
symbolSize: 10,
itemStyle: {
color: colorMap['main-1-cl'],
borderWidth: 2,
borderColor: colorMap['main-1-cl'],
},
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{ offset: 0, color: colorMap['main-1-cl'] },
{ offset: 1, color: 'transparent' },
],
},
},
},
]

How to make the hierarchy of emphasis in series above the axisPointer, while the axisPointer is above the series.areaStyle

Current Behavior

How to make the hierarchy of emphasis in series above the axisPointer, while the axisPointer is above the series.areaStyle

Expected Behavior

How to make the hierarchy of emphasis in series above the axisPointer, while the axisPointer is above the series.areaStyle

Environment

- OS:macOS
- Browser:Chrome 145
- Framework:vue 2

Any additional comments?

No response

[helgasoft]

Like this ?

areaStyle.mp4