Jump to content

 

Photo
- - - - -

Bubble Chart Z Index

bubble zindex

  • Please log in to reply
2 replies to this topic

#1 ryguy

ryguy

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 07 June 2012 - 08:08 PM

I want to create a bubble chart where the smaller bubbles always show in front of the larger bubbles. Lets say I have 4 data points like so:

Datapoint 1
X=10
Y=5
Z=2

Datapoint 2
X=10
Y=5
Z=25

Datapoint 3

X=20
Y=10
Z=2

Datapoint 4
X=20
Y=10
Z=25

I want to have Datapoint 1 in front of 2, and Datapoint 3 in front of 4. My first thought was to just set the ZIndex on the datapoints... simple enough... only, there is no supported ZIndex on the datapoint and only on the series itself.

So how can I make this happen?

Thanks in advance.

#2 sharmila

sharmila

    Advanced Member

  • Administrators
  • PipPipPip
  • 697 posts
  • Gender:Female

Posted 08 June 2012 - 04:45 AM

Hi,

You can achieve your requirement by placing the DataPoint with smaller ZValue after the DataPoint with larger ZValue so that the smaller bubble is shown in front of larger. Please check out the code below.

<vc:DataSeries RenderAs="Bubble">
   <vc:DataSeries.DataPoints>
	   <vc:DataPoint XValue="10" YValue="5"  ZValue="25"/>
	   <vc:DataPoint XValue="10" YValue="5"  ZValue="2"/>
	   <vc:DataPoint XValue="20" YValue="10" ZValue="25"/>
	   <vc:DataPoint XValue="20" YValue="10" ZValue="2"/>						
   </vc:DataSeries.DataPoints>
</vc:DataSeries>

Regards,
Sharmila

#3 ryguy

ryguy

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 08 June 2012 - 06:19 PM

I see, so it layers based on order? I can do that... I can sort it that way. Let me give that a go. Thanks for your response Sharmila, I appreciate that.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users