Hello,
I have a pie chart (1 series) that won't show the legend correctly. This was working fine before I installed the ASP.NET AJAX RadControls.
DataSource is bound to a recordset that comes back in two rows like this:
Status Number
------ ---------
Complete 1234
Incomplete 345
The pie chart itself is fine, but the legend just shows "Number". I've tried adding legends manually, but it won't correspond to the Series Item. I've tried the LegendDisplayMode="ItemLabels" & the IntelligentLabelsEnabled=true & false.
Please help. Thank you.
Here's the markup.
<telerik:RadChart ID="chartStatus" runat="server" DefaultType="Pie" Skin="Web20" Height="250px" Width="640px">
<PlotArea>
<XAxis>
<Appearance Color="149, 184, 206" MajorTick-Color="149, 184, 206">
<MajorGridLines Color="209, 221, 238" Width="0" />
</Appearance>
</XAxis>
<YAxis>
<Appearance Color="149, 184, 206" MajorTick-Color="149, 184, 206" MinorTick-Color="149, 184, 206">
<MajorGridLines Color="209, 221, 238" />
<MinorGridLines Color="209, 221, 238" />
</Appearance>
</YAxis>
<Appearance>
<FillStyle FillType="Solid" MainColor="249, 250, 251">
</FillStyle>
<Border Color="149, 184, 206" />
</Appearance>
</PlotArea>
<Appearance>
<Border Color="103, 136, 190" />
</Appearance>
<ChartTitle>
<Appearance>
<FillStyle MainColor="">
</FillStyle>
</Appearance>
<TextBlock>
<Appearance TextProperties-Color="0, 0, 79">
</Appearance>
</TextBlock>
</ChartTitle>
<Legend>
<Appearance Dimensions-Margins="17.6%, 3%, 1px, 1px" Dimensions-Paddings="2px, 8px, 6px, 3px"
Position-AlignedPosition="TopRight">
<Border Color="165, 190, 223" />
</Appearance>
</Legend>
<Series>
<telerik:ChartSeries Name="SurveyCount" Type="Pie">
<Appearance LegendDisplayMode="ItemLabels">
<FillStyle FillType="ComplexGradient">
<FillSettings>
<ComplexGradient>
<telerik:GradientElement Color="213, 247, 255" />
<telerik:GradientElement Color="193, 239, 252" Position="0.5" />
<telerik:GradientElement Color="157, 217, 238" Position="1" />
</ComplexGradient>
</FillSettings>
</FillStyle>
<TextAppearance TextProperties-Color="103, 136, 190">
</TextAppearance>
</Appearance>
</telerik:ChartSeries>
</Series>
</telerik:RadChart>