Hi,
I'm trying to build a horitzonal bar chart with numbers going 10-90 by 10, then 95, 99, and 100 on the X-Axis. This results in 12 items. I am feeding it 12 rows (databound) with exact match xvalues. However, strict mode never seems to engage - nothing lines up besides 10 - each one gets more and more off as it goes up. Autoscale is not on (as I need custom values's).
Is there a trick I am missing?
I am on the latest version of ASP.NET AJAX.
Regards,
Nick H
Here's my chart:
I'm trying to build a horitzonal bar chart with numbers going 10-90 by 10, then 95, 99, and 100 on the X-Axis. This results in 12 items. I am feeding it 12 rows (databound) with exact match xvalues. However, strict mode never seems to engage - nothing lines up besides 10 - each one gets more and more off as it goes up. Autoscale is not on (as I need custom values's).
Is there a trick I am missing?
I am on the latest version of ASP.NET AJAX.
Regards,
Nick H
Here's my chart:
<telerik:RadChart ID="chbBar" runat="server" DataSourceID="sdsReportBar" SeriesOrientation="Horizontal" AutoLayout="True" EnableViewState="False"> |
<Series> |
<cc1:ChartSeries DataLabelsColumn="MaxMS" DataXColumn="MaxPct" DataYColumn="MaxMS" Name="Series 1"> |
<Appearance BarWidthPercent="35"> |
</Appearance> |
</cc1:ChartSeries> |
</Series> |
<PlotArea> |
<XAxis AutoScale="False" MaxValue="100" MinValue="10" MaxItemsCount="12"> |
<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> |
<Items> |
<cc1:ChartAxisItem Value="10"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="20"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="30"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="40"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="50"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="60"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="70"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="80"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="90"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="95"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="99"> |
</cc1:ChartAxisItem> |
<cc1:ChartAxisItem Value="100"> |
</cc1:ChartAxisItem> |
</Items> |
</XAxis> |
<YAxis> |
<Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134" MinorTick-Color="134, 134, 134"> |
<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 MainColor="158, 184, 229" SecondColor="White"> |
</FillStyle> |
</Appearance> |
</PlotArea> |
<Appearance> |
<Border Color="134, 134, 134" /> |
</Appearance> |
<ChartTitle> |
<Appearance> |
<FillStyle MainColor=""> |
</FillStyle> |
</Appearance> |
<TextBlock Text="Milliseconds"> |
<Appearance TextProperties-Color="Black" TextProperties-Font="Arial, 18px"> |
</Appearance> |
</TextBlock> |
</ChartTitle> |
<Legend Visible="False"> |
<Appearance Dimensions-Margins="15%, 2%, 1px, 1px" Dimensions-Paddings="2px, 8px, 6px, 3px" Position-AlignedPosition="TopRight" Visible="False"> |
<ItemTextAppearance TextProperties-Color="Black"> |
</ItemTextAppearance> |
<ItemMarkerAppearance Figure="Square"> |
</ItemMarkerAppearance> |
</Appearance> |
</Legend> |
</telerik:RadChart> |