echarts svg方式渲染折线图时,当数据源的所有数据值相同时,阴影失效,且影响了线条的展示

mwngjboj  于 2022-10-20  发布在  Echarts
关注(0)|答案(5)|浏览(333)

Version

4.7.0

https://codesandbox.io/s/beautiful-currying-esdpl?file=/src/App.js

Steps to reproduce

打开之后无需操作 直接看到现象

  1. echarts.init(dom, null, {renderer: "svg"});
  2. series[0].data =[1,1,1,1,1,1,1]
  3. series[0].lineStyle={
    shadowBlur: 20,
    shadowOffsetX: 20,
    shadowOffsetY: 20

}

What is expected?

能有一条可见的线条

What is actually happening?

只展示出折线拐点标志,线条没有颜色

必要条件是:
1、数据源的所有值一定都要相同
2、lineStyle增加阴影属性

线条的path标签里有style="filter: url("#zr2322-shadow-0");" 导致问题出现

plicqrtu

plicqrtu1#

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure thatyou have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org . Please attach the issue link if it's a technical questions.

If you are interested in the project, you may also subscribe our mail list .

Have a nice day! 🍵

lmyy7pcs

lmyy7pcs2#

Thanks for reporting. Seems to be a bug.

sr4lhrrt

sr4lhrrt3#

Same issue at version 5.2.2, is there any solution to fix it?
lineStyle: { width: 3, shadowColor: 'rgba(36, 178, 118, 0.3)', shadowBlur: 6, shadowOffsetY: 3, },

okxuctiv

okxuctiv4#

Same issue at version 5.2.2, is there any solution to fix it? lineStyle: { width: 3, shadowColor: 'rgba(36, 178, 118, 0.3)', shadowBlur: 6, shadowOffsetY: 3, },

I changed the renderer method to canvas to fixed this issue.

uurity8g

uurity8g5#

Yes. This is an issue related to SVG. We will look into it in ecomfe/zrender#792 .

相关问题