apache
[Bug] dataZoom current data shadow line does not match with series line
Version
^5.1.1
Link to Minimal Reproduction
Steps to Reproduce
Example options
options = {
xAxis: [
{
type: "time",
}
],
yAxis: [
{
type: "value",
}
],
dataset: [
{
dimension: [
{ name: 'timestamp', type: 'time' },
{ name: 'value', type: 'float' }
],
id: '01',
source: [
{ value: 854.548, timestamp: Mon Nov 13 2023 22: 40:00 GMT +0700(Indochina Time) },
{ value: 845.63, timestamp: Mon Nov 13 2023 22: 45:00 GMT +0700(Indochina Time) },
....
]
}
],
dataZoom: [
{
type: "slider",
xAxisIndex: [0],
startValue: lhs,
endValue: rhs,
filterMode: "none",
moveHandleSize: 12
}
]
}
Current Behavior
Expected Behavior
Environment
- OS: Windows
- Browser: Google chrome
- Framework: React.js
Any additional comments?
No response
+1
This problem is affecting us as well - where we have a type: 'time' xAxis with variable x-axis gaps between the points we are plotting
Same here, for large time series it's very difficult to spot the trend based on the dataZoom line.
large time series
How large ? Demo with 10K points works fine, gaps and all.
📌 Please make an effort to provide Minimal Reproduction code.
large time series
How large ? Demo with 10K points works fine, gaps and all.
📌 Please make an effort to provide Minimal Reproduction code.
Our use case basically represents a large millisecond timeseries with more than 30k points for a single day. Echarts works great to represent this data, our issue is related how the dataZoom feature represent this série, especially where the variance of the data is more noticeable. Clearly the downsampling/agg of the serie into this dataZoom mini chart can lead to misinterpretation of where spikes are, and even when the xaxis range is correct in both, we don’t see that data representation in both charts. I will share a representative dataset, configs, and screenshots to showcase this situation asap (thanks for the heads up 🙂).