How do I show only the graph of a chart (No Legend, No Title, Minimum Space Used) in Silverlight 3.0?

Question

I'm writing a Silverlight application that is showing a pie chart of completed items as an item in a DataGrid. I currently can get the graph to show as an item in the DataGrid using a DataGridTemplateColumn.

My problem is the grid blows out the height of the data row because it has a title and a legend and a lot of allocated whitespace around it. I JUST want to show the pie chart only, with no extra padding or information.

I have found a few convoluted styling ways to do this but they seem to throw syntax errors (perhaps they are Silverlight 2.0 solutions?)

Does anyone have a working way of doing this in Silverlight 3.0?

thanks in advance!

Answer 1

The Chart can be styled extensively, if you want to have a super-frugal chart which basically only has a ChartArea and thats all then you can supply a minimal template for it:-

<charting:Chart>
    <charting:Chart.Style>
        <Style TargetType="charting:Chart">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="charting:Chart">
                        <chartingprimitives:EdgePanel x:Name="ChartArea" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </charting:Chart.Style>
    <charting:PieSeries ItemsSource="{Binding}" IndependentValuePath="Value" DependentValuePath="ID" />
</charting:Chart>

Note I'm using the Nov09 Silverlight 3 tool kit. The above contains just the PieChart no borders, padding, title, legend, gradient background or anything but the raw chart itself.

Answer 2

Try adding a negative margin to the Pie chart. This will cause the chart to be placed lower in the grid and crop the (invisible) title.

Margin = "-10,-10,-10,-10"