Two issues with RadChart legend position alignment (using RadControls for ASP.NET AJAX 2008.3.1314):
- Documentation suggests that "CenterRight" and "CenterLeft" are valid values for Legend.Appearance.Position.AlignedPostion; they are not. I'm assuming the correct values for the same positioning as shown in the image are "Right" and "Left".
- Setting AlignedPostion=Right results in the same positioning as AlignedPosition=TopRight. AlignedPosition=Right does not actually position the legend at the center-right as expected (instead it is actually positioned at the top-right); however, AlignedPosition=Left does position the legend at the center-left as expected.
I'm setting Position-AlignedPosition declaratively in the markup:
<Legend> <Appearance Dimensions-Margins="15%, 2%, 1px, 1px" Dimensions-Paddings="2px, 8px, 6px, 3px" Position-AlignedPosition="Right"> <ItemTextAppearance TextProperties-Color="Black"> </ItemTextAppearance> <ItemMarkerAppearance Figure="Square"> </ItemMarkerAppearance> </Appearance> </Legend>
Here's the entire RadChart:
<telerik:RadChart ID="RadChart1" runat="server" SeriesOrientation="Vertical" Skin="Office2007" |
DataSourceID="SqlDsRepairCosts" Width="800px"> |
<Series> |
<telerik:ChartSeries DataYColumn="LABOR_OWL" DefaultLabelValue="#Y{c0}" Name="OWL Labor"> |
</telerik:ChartSeries> |
<telerik:ChartSeries DataYColumn="LABOR_SFW" DefaultLabelValue="#Y{c0}" Name="SFW Labor"> |
</telerik:ChartSeries> |
<telerik:ChartSeries DataYColumn="MATERIAL_COSTS" DefaultLabelValue="#Y{c0}" Name="Material Costs"> |
</telerik:ChartSeries> |
<telerik:ChartSeries DataYColumn="TOTAL_ALLOCATED_SUPPORT_COSTS" DefaultLabelValue="#Y{c0}" |
Name="Allocated Support Costs"> |
</telerik:ChartSeries> |
</Series> |
<PlotArea> |
<XAxis Visible="False"> |
<Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134"> |
<MajorGridLines Color="134, 134, 134" Width="0" /> |
<TextAppearance TextProperties-Color="Black"> |
</TextAppearance> |
</Appearance> |
<AxisLabel> |
<Appearance RotationAngle="270"> |
</Appearance> |
<TextBlock> |
<Appearance TextProperties-Color="Black"> |
</Appearance> |
</TextBlock> |
</AxisLabel> |
</XAxis> |
<YAxis> |
<Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134" MinorTick-Color="134, 134, 134" |
CustomFormat="$#,##0"> |
<MajorGridLines Color="134, 134, 134" /> |
<MinorGridLines Color="134, 134, 134" /> |
<TextAppearance TextProperties-Color="Black"> |
</TextAppearance> |
</Appearance> |
<AxisLabel> |
<Appearance RotationAngle="0"> |
</Appearance> |
<TextBlock> |
<Appearance TextProperties-Color="Black"> |
</Appearance> |
</TextBlock> |
</AxisLabel> |
</YAxis> |
<YAxis2> |
<AxisLabel> |
<Appearance RotationAngle="0"> |
</Appearance> |
</AxisLabel> |
</YAxis2> |
<Appearance> |
<FillStyle FillType="Solid" MainColor=""> |
</FillStyle> |
</Appearance> |
</PlotArea> |
<Appearance> |
<Border Color="134, 134, 134" /> |
</Appearance> |
<ChartTitle Appearance-Position-AlignedPosition="Top"> |
<Appearance> |
<FillStyle MainColor=""> |
</FillStyle> |
</Appearance> |
<TextBlock Text="Repair Costs Breakdown"> |
<Appearance TextProperties-Color="Black" TextProperties-Font="Arial, 18px"> |
</Appearance> |
</TextBlock> |
</ChartTitle> |
<Legend> |
<Appearance Dimensions-Margins="15%, 2%, 1px, 1px" |
Dimensions-Paddings="2px, 8px, 6px, 3px" Position-AlignedPosition="Right"> |
<ItemTextAppearance TextProperties-Color="Black"> |
</ItemTextAppearance> |
<ItemMarkerAppearance Figure="Square"> |
</ItemMarkerAppearance> |
</Appearance> |
</Legend> |
</telerik:RadChart> |
Am I doing something wrong?