when datazoom on x-axis is configured, line will disappear if you select points of only one tick on x-axis.
for example, select these points:

then they will disappear:

this will not happen when no datazoom is on x-axis:

This will not be restored even if you call updateSpec.
const spec = {
type: 'line',
brush: {
visible: true,
brushType: 'rect',
inBrush: {
colorAlpha: 1
},
outOfBrush: {
colorAlpha: 0.2
},
// 开启后默认关联所有axis/dataZoom
zoomAfterBrush: true
},
dataZoom:[{
filterMode:'axis',
orient:'bottom'
}],
line:{
style:{
lineWidth:undefined
}
},
point:{
style:{
fill:'white',
stroke:null,
visible:false
},
state:{
dimension_hover:{
visible:true,
size:10
}
}},
data: {
values: [
{ type: 'Nail polish', country: 'Africa', value: 4229 },
{ type: 'Nail polish', country: 'EU', value: 4376 },
{ type: 'Nail polish', country: 'China', value: 3054 },
{ type: 'Nail polish', country: 'USA', value: 12814 },
{ type: 'Eyebrow pencil', country: 'Africa', value: 3932 },
{ type: 'Eyebrow pencil', country: 'EU', value: 3987 },
{ type: 'Eyebrow pencil', country: 'China', value: 5067 },
{ type: 'Eyebrow pencil', country: 'USA', value: 13012 },
{ type: 'Rouge', country: 'Africa', value: 5221 },
{ type: 'Rouge', country: 'EU', value: 3574 },
{ type: 'Rouge', country: 'China', value: 7004 },
{ type: 'Rouge', country: 'USA', value: 11624 },
{ type: 'Lipstick', country: 'Africa', value: 9256 },
{ type: 'Lipstick', country: 'EU', value: 4376 },
{ type: 'Lipstick', country: 'China', value: 9054 },
{ type: 'Lipstick', country: 'USA', value: 8814 },
{ type: 'Eyeshadows', country: 'Africa', value: 3308 },
{ type: 'Eyeshadows', country: 'EU', value: 4572 },
{ type: 'Eyeshadows', country: 'China', value: 12043 },
{ type: 'Eyeshadows', country: 'USA', value: 12998 },
{ type: 'Eyeliner', country: 'Africa', value: 5432 },
{ type: 'Eyeliner', country: 'EU', value: 3417 },
{ type: 'Eyeliner', country: 'China', value: 15067 },
{ type: 'Eyeliner', country: 'USA', value: 12321 },
{ type: 'Foundation', country: 'Africa', value: 13701 },
{ type: 'Foundation', country: 'EU', value: 5231 },
{ type: 'Foundation', country: 'China', value: 10119 },
{ type: 'Foundation', country: 'USA', value: 10342 },
{ type: 'Lip gloss', country: 'Africa', value: 4008 },
{ type: 'Lip gloss', country: 'EU', value: 4572 },
{ type: 'Lip gloss', country: 'China', value: 12043 },
{ type: 'Lip gloss', country: 'USA', value: 22998 },
{ type: 'Mascara', country: 'Africa', value: 18712 },
{ type: 'Mascara', country: 'EU', value: 6134 },
{ type: 'Mascara', country: 'China', value: 10419 },
{ type: 'Mascara', country: 'USA', value: 11261 }
]
},
percent: true,
xField: 'type',
yField: 'value',
seriesField: 'country',
// animationAppear: {
// duration: 1500,
// easing: 'linear'
// },
legends: [{ visible: true, position: 'middle', orient: 'bottom' }],
axes: [
{
orient: 'left',
label: {
formatMethod(val) {
return `${(val * 100).toFixed(2)}%`;
}
}
}
]
};
const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderSync();
Version
1.11.10
Link to Minimal Reproduction
null
Steps to Reproduce
when datazoom on x-axis is configured, line will disappear if you select points of only one tick on x-axis.



for example, select these points:
then they will disappear:
this will not happen when no datazoom is on x-axis:
This will not be restored even if you call updateSpec.
Current Behavior
Expected Behavior
show lines normally

and the lines can be drawn after updateSpec()
Environment
Any additional comments?
No response