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> |