echarts
echarts copied to clipboard
[Bug] SVG shadow width with lineStyle
Version
5.5.1
Link to Minimal Reproduction
https://echarts.apache.org/examples/en/editor.html?c=line-smooth&version=5.5.1&renderer=svg&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmuqemAJ4gCmRA5AMYCGY1A5sAE4V0A0JAX37oKOfEVRlKNegDcmAGwCu1PoOGw81ThGqFYAbRLpJZWABMWTIgYCMvWPccOnrgHQAGL7YC6GqVS0sHQKENCq_qR4ABbAAO4AyhQAtgBGwApEAGaKWpHooeEJlApBpmZmcRDmYNFEACz5FbDMIPScwErQ5mrNZjFM5vEAwhlc9ADEWV69fVHRg_EAQsqcRACsTRUDQ3EA8llZWmAAGkS2Hlv9C7sHR9RgAJrnl8ZmQm8CJD4oAgDcQA
Steps to Reproduce
- Create a line series with data that's almost the same
- Set lineStyle.width to be 4
- Use SVG renderer to see the width of the line is not correct
Current Behavior
Line width is thinner than 4px when renderer is SVG but 4px when with Canvas.
Expected Behavior
Line width should be 4px, which is the same as canvas.
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response
It seems that SVG don't render any shadow on elements with zero height and clips shadows with tiny height. So it may not easy to fix this problem.
Link to ecomfe/zrender#792