Neo-Matrix75 opened a new issue, #19141:
URL: https://github.com/apache/echarts/issues/19141

   ### Version
   
   5.4.3
   
   ### Link to Minimal Reproduction
   
   https://codesandbox.io/s/svg-render-problem-qdw3yg?file=/src/index.js
   
   ### Steps to Reproduce
   
   ### Follow this link: ###
   
[https://codesandbox.io/s/svg-render-problem-qdw3yg?file=/src/index.js](https://codesandbox.io/s/svg-render-problem-qdw3yg?file=/src/index.js)
   
   The code in the JS file is the same as I use in my angular project instead 
that the SVG code is bigger.
   
   ### The problem happen with the shapes that has the attribute transform ! ###
   
   Here is an exemple:
   
   ``<g name="Place 1">
   <path d="M145.971 128.964C147.686 122.563 154.266 118.764 160.668 
120.479C167.07 122.194 170.869 128.774 169.153 135.176L167.083 142.903C166.511 
145.037 164.318 146.304 162.184 145.732L146.729 141.591C144.595 141.019 143.329 
138.826 143.9 136.692L145.971 128.964Z" fill="#A1D6CA"/>
   <rect opacity="0.2" x="122.511" y="139.243" width="64" height="24" rx="4" 
   transform="rotate(15 122.511 139.243)"
   fill="black"/></g>``
   
   
   ### Current Behavior
   
   I use echarts to visualize a custom svg map.
   When I visualize this map in my browser, it works fine.
   When I visualize this map using echarts, the transform attribute in my svg 
code does not work correctly.
   
   ### SVG visualized with my browser: ###
   
![SVG](https://github.com/apache/echarts/assets/99081843/576d56ef-6f45-40da-9283-78e53ed2450a)
   
   ### SVG visualized with apache echarts. ###
   
![SVGbug](https://github.com/apache/echarts/assets/99081843/21ebf6d1-b579-47e8-b712-7a99e9de24cd)
   
   ### The problem happen with the shapes that has the attribute transform ! ###
   
   ### Expected Behavior
   
   ### The differents shape should not ride each other and should render like 
this: ###
   
   
![SVG](https://github.com/apache/echarts/assets/99081843/576d56ef-6f45-40da-9283-78e53ed2450a)
   
   ### Environment
   
   ```markdown
   - OS: Windows 11
   - Browser: Chrome 116.0.5845.188
   - Framework: Angular 15.1.5
   ```
   
   
   ### Any additional comments?
   
   Thanks for the help !


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to