CODEWITHSUNDEEP
highcharts
Travis Su
Travis Su

Reputation: 709

Is HighCharts custom marker symbol shape modifiable?

In the Documents symbol can pass url() for displaying custom image symbol, but if my image is square and I need it to display as rounded shape, is HighCharts supporting this or I need custom css to do that?

Upvotes: 0

Views: 188

Answers (1)

daniel_s
daniel_s

Reputation: 3732

Highcharts only gives the possibility to set custom marker symbol using url(), but under the hood that symbol occurs as an SVGImageElement, so basically it is not able to apply the for example border-radius parameter on it. The simplest way to achieve the effect you need is by editing the image. Also you can dynamically add the <rect> element for every symbol and set it as a clipRect of a specific image.

Best regards!

Upvotes: 2

Related Questions