violet94

Does anybody help me?

Recommended Posts

I am using the bubble chart. I want to show the 'name' attribute (part of a dataset/set element) associated with some of my bubbles. When I use showValue='1', the name shows, but it directly overlays the bubble and is not pleasant to look at. What can I do to either move the label adjacent to the bubble (instead of directly atop it) or change its appearance so that it is in some complementary color that is still visible among all the other bubbles?

thanks

Share this post


Link to post
Share on other sites

Hi,

 

In Bubble chart, if the bubbles have the values of x, y and z attributes equal or close to other bubbles they may overlap. So the string displayed as in the "name" attribute will also overlap since they are aligned at the center of the bubbles.

To avoid overlapping of the names, you may hide the display value for few of the bubbles by setting "showValue" to "0" at each data objects, and show the values for other bubbles accordingly so that they do not overlap. You will be able to see the details in the tooltip for the bubbles with hidden values. For different colors of the bubbles, set "color" attribute at each data objects. Refer to the sample fiddle : http://jsfiddle.net/v4wjc5hz/3/

 

Or, as a work-around you can add {br} to the "name" attribute so that the strings appear below or above the bubbles. Refer to this fiddle for the work-around : http://jsfiddle.net/v4wjc5hz/2/

 

Thanks,

Akash.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now