VChart
VChart copied to clipboard
[Bug] dot series disappears when hover on datazoom
Version
1.12.6
Link to Minimal Reproduction
none
Steps to Reproduce
const spec = {
type: 'common',
height: 500,
layout: {
type: 'grid',
col: 2,
row: 5,
elements: [
{
modelId: 'legend',
col: 0,
colSpan: 2,
row: 0
},
{
modelId: 'time line top',
col: 1,
row: 1
},
{
modelId: 's1 left',
col: 0,
row: 2
},
{
modelId: 's1 chart',
col: 1,
row: 2
},
{
modelId: 's2 left',
col: 0,
row: 3
},
{
modelId: 's2 chart',
col: 1,
row: 3
},
{
modelId: 'data zoom bottom',
col: 1,
row: 4
}
]
},
region: [
{
id: 's1 chart'
},
{
id: 's2 chart'
}
],
// autoBandSize: true,
legends: {
visible: true,
orient: 'bottom',
id: 'legend',
regionId: ['s1 chart', 's2 chart']
},
series: [
{
id: 's1 chart series',
regionId: 's1 chart',
type: 'line',
data: {
id: 's1 chart',
values: [
{
time: 1727613661278,
type: 'es',
value: 7
},
{
time: 1727613662278,
type: 'es',
value: 8
},
{
time: 1727613663278,
type: 'es',
value: 10
},
{
time: 1727613664278,
type: 'es',
value: 9
},
{
time: 1727613665278,
type: 'es',
value: 3
},
{
time: 1727613661278,
type: 'fs',
value: 7
},
{
time: 1727613662278,
type: 'fs',
value: 4
},
{
time: 1727613663278,
type: 'fs',
value: 8
},
{
time: 1727613664278,
type: 'fs',
value: 6
},
{
time: 1727613665278,
type: 'fs',
value: 8
}
]
},
xField: 'time',
yField: 'value',
seriesField: 'type',
markOverlap: true,
stack: true
},
{
id: 's2 chart series',
regionId: 's2 chart',
type: 'dot',
data: {
id: 's2 chart',
values: [
{
type: 'stamp',
dots: [
{
time: 1727613661278
},
{
time: 1727613662278
},
{
time: 1727613663278
},
{
time: 1727613664278
},
{
time: 1727613665278
}
]
}
]
},
grid: {
background: {
fillOpacity: 0
}
},
xField: 'time',
yField: 'type'
}
],
axes: [
{
id: 's1 left',
regionId: 's1 chart',
orient: 'left',
title: {
visible: true,
text: 'DXS'
}
},
{
id: 's2 left',
regionId: 's2 chart',
orient: 'left',
type: 'band',
title: {
visible: true,
text: 'DXS'
}
},
{
id: 'time line top',
regionId: ['s1 chart', 's2 chart'],
seriesId: ['s1 chart series', 's2 chart series'],
type: 'time',
orient: 'top',
tick: {
visible: false
},
paddingInner: 0.99,
paddingOuter: 0.99,
tickCount: 1000,
layers: [
{
tickStep: 1000,
timeFormat: '%H:%M:%S'
}
]
}
],
dataZoom: [
{
id: 'data zoom bottom',
axisId: 'time line top',
orient: 'bottom',
start: 0,
end: 1,
filterMode: 'axis',
brushSelect: false,
backgroundChart: {
line: {
style: {
visible: false
}
},
area: {
style: {
visible: false
}
}
},
startText: {},
endText: {}
}
]
};
Current Behavior
dot series will disappear
Expected Behavior
--
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response