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?