echarts [Bug] dataShadow should consider axis.min/axis.max when drawing

tjvv9vkg  于 5个月前  发布在  Echarts
关注(0)|答案(1)|浏览(52)

Version

5.5.0

https://echarts.apache.org/examples/en/editor.html?code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5JALZW0A0J6DE0RAjAOw8ADIIBMAZhHCpbUrAYBDDLwEBWABx8AbHynCSAXxmxyOfEVSzO3WAFoeRjot4GjAE3lh5ALWDAGRAG12Yll0Cmo6PAAbCFcqACdWYPR4-WgAcyoAWWA4ump4gGMqaDBaYP0SAF0jPASIKkJYINkLUOh5JjoAEQ95WABlAAt5V2AAd1gE-OB42HdPJND5vsDk0gD-HhEeABYJXUEWWEEAOj4VGvX0TYFxAE4D3WOzy4dQ2-3Nfclnk9ORG9rs0tiI1I9ftITldljctmI9k8oTYzoCYbDPmIxBDDscUacgbCQQIxJosZDhHizhcqut0bJwjRYLQYtBmBVqih9ABuIA

Steps to Reproduce

  1. Go to minimal reproduction link or create chart with following options:
xAxis: {
    type: 'time',
    min: 1710023200000,
    max: 1715876700000
  },
  yAxis: {
    min: -1,
    max: 1
  },
  dataZoom: [
    {
      type: 'slider',
      rangeMode: 'percent'
    }
  ],
  series: [
    {
      name: 'Data Shadow error data',
      data: [
        [1712143200000, 0.75],
        [1712393200000, 0.5],
        [1712643200000, 0.25],
        [1712893200000, 0],
        [1713143200000, -0.25],
        [1713393200000, -0.5],
        [1713633200000, -0.75]
      ],
      type: 'line'
    }
  ]
};
  1. Run chart

Current Behavior

Data shadow at the bottom does not match data distribution on chart.
It seems not to respect min and max values on axis.

Expected Behavior

Data shadow should consider axis.min/axis.max when drawing.
Data shadow for given chart should look like that:

Environment

- OS: any
- Browser: any
- Framework: any

Any additional comments?

Possible workaround is to add artifical data to series with axis.min and axis.max and NaN/undefined as a value
For given example data series would be:

...
data: [
  [1710023200000, NaN],
  [1712143200000, 0.75],
  [1712393200000, 0.5],
  [1712643200000, 0.25],
  [1712893200000, 0],
  [1713143200000, -0.25],
  [1713393200000, -0.5],
  [1713633200000, -0.75],
  [1715876700000, NaN],
]
...

But this workaround will only work after merge of: #16978

相关问题