Telerik Forums / UI for ASP.NET AJAX Forum / Chart (Obsolete) /

Bar Graph Series - Outermost Item is Wrapping

Telerik UI for ASP.NET AJAX
Resources Buy Try

Thread is closed for posting

2 posts, 0 answers

Tim Rankel

7 posts

Member since:
Feb 2010

Posted 02 Jun 2010 Link to this post

Hi,

I'm experiencing an issue with a vertical bar graph using RadChart v2010.1.519.40. The purpose of the chart was to display a single set of values once for quick reference. It mostly works but the item on the leftmost edge is wrapping to the rightmost edge and repeating its label and bar. I've attached a picture of what's happening. The data is being pulled from a SqlDataSource.

Any ideas would be helpful and appreciated,

Thanks.

    
            <telerik:RadChart ID="RadChart1" runat="server" DataSourceID="gridDataSource1" Height="405px" 
        
                                    Width="243px">  
        
                                    <Appearance Dimensions-Paddings="1px, 1px, 10px, 1px" BarWidthPercent="100">  
        
                                    </Appearance> 
        
                                    <Series> 
        
                                        <telerik:ChartSeries DataYColumn="y1" Name="y1">  
        
                                            <Appearance BarWidthPercent="100" ExplodePercent="0">  
        
                                                <FillStyle FillType="Solid" GammaCorrection="False">  
        
                                                </FillStyle> 
        
                                                <TextAppearance TextProperties-Font="Verdana, 7pt, style=Bold">  
        
                                                </TextAppearance> 
        
                                            </Appearance> 
        
                                        </telerik:ChartSeries> 
        
                                        <telerik:ChartSeries DataYColumn="y2" Name="y2">  
        
                                            <Appearance BarWidthPercent="100" ExplodePercent="0">  
        
                                                <FillStyle FillType="Solid" GammaCorrection="False">  
        
                                                </FillStyle> 
        
                                                <TextAppearance TextProperties-Font="Verdana, 7pt, style=Bold">  
        
                                                </TextAppearance> 
        
                                            </Appearance> 
        
                                        </telerik:ChartSeries> 
        
                                        <telerik:ChartSeries DataYColumn="y3" Name="y3">  
        
                                            <Appearance BarWidthPercent="100" ExplodePercent="0">  
        
                                                <FillStyle FillType="Solid" GammaCorrection="False">  
        
                                                </FillStyle> 
        
                                                <TextAppearance TextProperties-Font="Verdana, 7pt, style=Bold">  
        
                                                </TextAppearance> 
        
                                            </Appearance> 
        
                                        </telerik:ChartSeries> 
        
                                        <telerik:ChartSeries DataYColumn="y4" Name="y4">  
        
                                            <Appearance BarWidthPercent="100" ExplodePercent="0">  
        
                                                <FillStyle FillType="Solid" GammaCorrection="False">  
        
                                                </FillStyle> 
        
                                                <TextAppearance TextProperties-Font="Verdana, 7pt, style=Bold">  
        
                                                </TextAppearance> 
        
                                            </Appearance> 
        
                                        </telerik:ChartSeries> 
        
                                        <telerik:ChartSeries DataYColumn="y5" Name="y5" YAxisType="Secondary">  
        
                                            <Appearance BarWidthPercent="100" ExplodePercent="0">  
        
                                                <FillStyle FillType="Solid" GammaCorrection="False">  
        
                                                </FillStyle> 
        
                                                <TextAppearance TextProperties-Font="Verdana, 7pt, style=Bold">  
        
                                                </TextAppearance> 
        
                                            </Appearance> 
        
                                        </telerik:ChartSeries> 
        
                                    </Series> 
        
                                    <Legend> 
        
                                        <Appearance Overflow="Auto" Position-AlignedPosition="Top">  
        
                                            <ItemTextAppearance TextProperties-Font="Verdana, 7pt"   
        
                                                Position-AlignedPosition="Top">  
        
                                            </ItemTextAppearance> 
        
                                        </Appearance> 
        
                                    </Legend> 
        
                                    <PlotArea> 
        
                                        <XAxis AutoScale="False" AutoShrink="False" LayoutMode="Normal" MaxItemsCount="1" 
        
                                            MaxValue="1" MinValue="1" Step="10" Visible="False">  
        
                                            <Appearance MajorTick-Visible="False">  
        
                                                <LabelAppearance Visible="False">  
        
                                                </LabelAppearance> 
        
                                            </Appearance> 
        
                                            <Items> 
        
                                                <telerik:ChartAxisItem Value="1">  
        
                                                </telerik:ChartAxisItem> 
        
                                            </Items> 
        
                                        </XAxis> 
        
                                        <YAxis> 
        
                                            <Appearance> 
        
                                                <TextAppearance TextProperties-Font="Verdana, 6.25pt">  
        
                                                </TextAppearance> 
        
                                            </Appearance> 
        
                                        </YAxis> 
        
                                        <YAxis2 AxisMode="Extended" IsLogarithmic="True">  
        
                                            <ScaleBreaks Enabled="True">  
        
                                            </ScaleBreaks> 
        
                                            <Appearance> 
        
                                                <TextAppearance TextProperties-Font="Verdana, 6.25pt">  
        
                                                </TextAppearance> 
        
                                            </Appearance> 
        
                                        </YAxis2> 
        
                                        <Appearance Position-AlignedPosition="Center" Dimensions-AutoSize="False" Dimensions-Height="300pt" 
        
                                            Dimensions-Margins="25%, 5%, 25%, 5%" Dimensions-Width="160px" Position-Auto="False" 
        
                                            Position-X="35" Position-Y="100">  
        
                                        </Appearance> 
        
                                    </PlotArea> 
        
                                    <ChartTitle> 
        
                                        <TextBlock Text="">  
        
                                            <Appearance TextProperties-Font="Verdana, 10pt">  
        
                                            </Appearance> 
        
                                        </TextBlock> 
        
                                    </ChartTitle> 
        
                                </telerik:RadChart>

bargraphwrapping.PNG

Tim Rankel

7 posts

Member since:
Feb 2010

Posted 02 Jun 2010 Link to this post

Disregard -- I found a solution that works for me.

    
            <XAxis AutoScale="False" AutoShrink="False" LayoutMode="Between" MaxItemsCount="1" 
        
                                            MaxValue="1" MinValue="1" Step="10" Visible="False">

I altered the XAxis property: LayoutMode to "Between" and that seems to have resolved the wrapping issue.