Hi,
I am using the XamDataChart with a BubbleSeries to create a BubbleChart. The RadiusMemberPath is bound to a property which can offer quite different values. What this means is that my BubbleChart quite correctly displays large bubbles that often overlaps with smaller bubbles. My problem here is that the XamDataChart does not ensure that the smaller Bubbles have a Z-Index that will force them to be painted over the top of the larger bubble. The result of this problem is that I often see the smaller bubbles hidden behind the larger ones, so I have no idea of the position of the smaller bubbles.
I have seen some Z-Index forum posts on this issue, but these problems are often related to the ordering of the multiple series. In my case, I have only one series, and it is the markers on the same series that are overlapping.
Please note that I can apply a colour with an alternative alpha value to provide a degree of opacity - which does work to some extent. But my CircleMarkerTemplate provides a tool-tip, which does not work with a small bubble hidden by a larger one. So the Z-Index still needs correcting to truly fix this issue.
Are there any XamaDataChart options available to me to fix this issue?
Thanks,
Russell
Hi Russell,
This issue has to do with the order in which the bubbles are rendered. In the case of the xamDataChart, the chart iterates over your data source items and renders a bubble for each one regardless of size. This means if you have a smaller radius item at index 0 in the data source and then a much larger radius item at index 1, the larger item will be rendered after the smaller item which may result in overlapping the smaller item. To resolve this you will need to sort your datasource by the radius value so that larger radii are first in the collection and the smaller radii are at the bottom so they are rendered last.
Let me know if you have any questions on this.