Packed bubble chart color

[witt]

Hello,

The packed bubble chart appears to use the color I specify for the border, and a lighter shade for the fill. How do I force the fill color to use the color I specify?

For example, in this fiddle I'd like the fill color to be red.

Thank you!

[hubert.k]

Hello witt!
We appreciate you reaching out to us!

If you want to change the fill color of bubbles you can use a marker.fillColor property and set it with the color you want. You can also set the color of the border or if you set a marker.lineColor property to null, the color will be inherited from the series.

Demo: https://jsfiddle.net/BlackLabel/pca5d389/
API Reference: https://api.highcharts.com/highcharts/p ... .fillColor
https://api.highcharts.com/highcharts/p ... .lineColor

Let me know if that was what you were looking for.
Kind regards!

[witt]

Thanks for your reply Hubert,

That's not quite what I'm after. In the fiddle that you posted, the fill color is still a lighter shade of red - according to the Mac digital color meter, it's #f87d7e. See the attached screenshot. I'd like the entire bubble to be #FF0000. Is that possible?

Thank you!

Untitled 3.jpg (44.87 KiB) Viewed 733 times

[hubert.k]

witt,
By the default the fillOpacity property is set to 0.5 value. That's why fillColor is changed a little bit. Just set this value to 1 so fillColor and lineColor will be the same.

Demo: https://jsfiddle.net/BlackLabel/6gb4h75m/
API Reference: https://api.highcharts.com/highcharts/p ... illOpacity

Feel free to ask any further questions.
Regards!