Chart Type World, label unexpected border displayed.

fusioncharts / react-fusioncharts-component

ReactJS component for FusionCharts JavaScript Charting library.

https://fusioncharts.github.io/react-fusioncharts-component/

MIT License

93 stars 33 forks source link

Chart Type World, label unexpected border displayed. #44

Closed jeetendra-choudhary closed 3 years ago

jeetendra-choudhary commented 5 years ago

The world map label shows an unexpected rounded border. The html element which gets generated at runtime is as below -

<rect x="629.40625" y="257" width="62.828125" height="31.15625" ry="10" rx="10" fill="none" stroke="#666666" stroke-opacity="0.9" stroke-width="1" shape-rendering="crispEdges" stroke-dasharray="none" style="shape-rendering: crispedges; cursor: default;" opacity="1"></rect>

This is how it looks -

siawo commented 4 years ago

@jeetendra-choudhary can you please share a scale down version of your implementation?

AyanBhadury commented 3 years ago

@jeetendra-choudhary We tried replicating the issue at our end but we are unable to replicate it. The chart seems to be working fine at our end, here is a link to the working demo: https://codesandbox.io/s/overlapped-demo-react-forked-0bruv?file=/src/App.js. Could you please try with the demo above and let us know if you still face any issues? If you face any issue kindly fork the demo and send us so that we can further investigate it.