apache / apache/echarts

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

Open
#21,549 4 comments 0 reactions 0 assignees View on GitHub
bug en pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### 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

```markdown
- 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

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

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.