Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
liuhui666 opened this issue May 12, 2020 · 8 comments
Assignees

Comments

@liuhui666
Copy link

Version

4.7.0

Reproduction link

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");" 导致问题出现

@echarts-bot
Copy link

echarts-bot bot commented May 12, 2020

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 that you 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! 🍵

@echarts-bot echarts-bot bot added bug pending We are not sure about whether this is a bug/new feature. waiting-for: community labels May 12, 2020
@Ovilia Ovilia added SVG and removed pending We are not sure about whether this is a bug/new feature. waiting-for: community labels May 13, 2020
@Ovilia Ovilia self-assigned this May 13, 2020
@Ovilia
Copy link
Contributor

Ovilia commented May 13, 2020

Thanks for reporting. Seems to be a bug.

@ZeyanGuo
Copy link

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, },

@liuhui666

This comment has been minimized.

@ZeyanGuo
Copy link

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.

@plainheart
Copy link
Member

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

Copy link
Contributor

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

@github-actions github-actions bot added the stale Inactive for a long time. Will be closed in 7 days. label Dec 30, 2023
@liuhui666
Copy link
Author

liuhui666 commented Dec 30, 2023 via email

@github-actions github-actions bot removed the stale Inactive for a long time. Will be closed in 7 days. label Dec 31, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants