Bubble chart - custom shapes for dots

swimlane / ngx-charts

:bar_chart: Declarative Charting Framework for Angular

https://swimlane.github.io/ngx-charts/

MIT License

4.29k stars 1.15k forks source link

Open markovicboban opened 5 years ago

markovicboban commented 5 years ago

[ ] bug report - search github for a similar issue or PR before submitting
[ ] feature request
[x ] support request - use StackOverflow (add the ngx-charts tag) or the gitter chat for support questions

Current behavior When using bubble chart, all dots are circles. Is it possible to have a custom shape (triangle for example) instead of a circle?

chriszrc commented 5 years ago

It looks like at least documentation was added for this chart type here:

though it doesn't seem to be published yet to the online docs. It also doesn't look like there is support for other shapes :(

This is also what I'm looking for as well, perhaps @marjan-georgiev could chime in here-

chriszrc commented 5 years ago

@Pikadili83 I did find that you can use the css clip-path property to change the svg shape:

clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);

But I'm not sure if there's a good way to add a custom css style to a specific data series?