StackedBarSeries relative scaling

Hi,

I am using a StackedBarSeries chart to show multiple layers of an object. However, I have a scaling issue that I'm not sure how to resolve. So I am hoping for some advice.

Say my object has 3 layers with the following sizes 0.025m, 1m and 10m. When the chart is displayed, It auto scales the Y axis to best fit the overall scale of object, which is great because it can show any size of object well. However, what happens in this particular case is that I do not see the thinnest layer at all, so it looks like there are only 2 layers.

There is a legend of course, which implies that there is a third layer, but because it is essentially invisible it is misleading at best.

I'm not really sure how to resolve this. It might be nice to see a pencil thin line regardless of the actual scale, to at least show something. I think that might be better. But since the view model code has no awareness of the size of the window, graph or anything else, that's not something that seems obvious to do on my side.

Any suggestions?

Hi Eliz,

Looks like this might not be too hard to solve. I managed to get this working reasonably well by setting the MinHeight property of a custom bar style to 1. For thin bars at the very bottom of the stack such as in your example, you may find the bar gets hidden behind the X axis. To resolve this, you can nudge all the bars up by 1 pixel using the margin in the example below:

<Style x:Key="CustomBarStyle" TargetType="ms:Bar">
  <Setter Property="MinHeight" Value="1" />
  <Setter Property="Margin" Value="0,-1,0,1" />
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate>
        <Border Background="{TemplateBinding Background}" />
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

Hope that works for you. Let me know if you have further questions.

-Jason Fauchelle

That helps for sure. It might be just big enough now to get a tooltip to display on it.

Thanks