2 replies to this topic

[ryguy]

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.

[sharmila]

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

[ryguy]

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.