RadChart. FillType="Image" fading.

Thread is closed for posting
2 posts, 0 answers
  1. Dmitriy Krantsberg
    Dmitriy Krantsberg avatar
    2 posts
    Member since:
    Jul 2007

    Posted 28 May 2009 Link to this post

    I've set FillType = "Image" for the series. When the chart displays it does stretch the images but for some reason it adds fading/gradient at the end of each series. (See the screenshot here ). Is there a way to avoid such behavior?

    ASPX:
    <telerik:RadChart ID="chartPercent" runat="server" DefaultType="StackedBar100"   
                        SeriesOrientation="Horizontal" Width="355px" Height="30px">  
                        <Series> 
                    <telerik:ChartSeries Name="Series 1" Type="StackedBar100">  
                    <Appearance BarWidthPercent="100">  
                        <FillStyle FillType="Image" > 
                            <FillSettings BackgroundImage="C:\Inetpub\wwwroot\emiApplicationForecast\images\bar_red.gif"></FillSettings> 
                        </FillStyle> 
                        <LabelAppearance Visible="False">  
                        </LabelAppearance> 
                        <Border Color="185, 185, 185" /> 
                    </Appearance> 
                            </telerik:ChartSeries> 
                <telerik:ChartSeries Name="Series 2" Type="StackedBar100">  
                    <Appearance BarWidthPercent="100">  
                        <FillStyle FillType="Image">  
                            <FillSettings BackgroundImage="C:\Inetpub\wwwroot\emiApplicationForecast\images\bar_gray.gif">  
                            </FillSettings> 
                        </FillStyle> 
                        <LabelAppearance Visible="False">  
                        </LabelAppearance> 
                        <Border Color="185, 185, 185" /> 
                    </Appearance> 
                            </telerik:ChartSeries> 
                </Series> 
                        <PlotArea> 
                            <XAxis Visible="False">  
                                <Appearance MajorTick-Visible="False">  
                                    <LabelAppearance Visible="False">  
                                    </LabelAppearance> 
                                </Appearance> 
                                <AxisLabel> 
                                    <Appearance Position-AlignedPosition="Top" RotationAngle="270">  
                                    </Appearance> 
                                </AxisLabel> 
                            </XAxis> 
                            <YAxis Visible="False">  
                                <Appearance MajorTick-Visible="False" MinorTick-Visible="False">  
                                    <LabelAppearance Visible="False">  
                                    </LabelAppearance> 
                                </Appearance> 
                                <AxisLabel> 
                                    <Appearance RotationAngle="0">  
                                    </Appearance> 
                                </AxisLabel> 
                            </YAxis> 
                            <YAxis2 Visible="False">  
                                <Appearance MajorTick-Visible="False" MinorTick-Visible="False">  
                                    <LabelAppearance Visible="False">  
                                    </LabelAppearance> 
                                </Appearance> 
                                <AxisLabel> 
                                    <Appearance RotationAngle="0">  
                                    </Appearance> 
                                </AxisLabel> 
                            </YAxis2> 
                            <Appearance Dimensions-Margins="0px, 0px, 0px, 0px">  
                                <FillStyle FillType="Solid" MainColor="White" SecondColor="White">  
                                </FillStyle> 
                                <Border Color="" Width="0" /> 
                            </Appearance> 
                        </PlotArea> 
                        <ChartTitle Visible="False">  
                            <Appearance Visible="False">  
                            </Appearance> 
                        </ChartTitle> 
                        <Legend Visible="False">  
                            <Appearance Visible="False">  
                            </Appearance> 
                        </Legend> 
                    </telerik:RadChart> 
     

    C#
            protected void Page_Load(object sender, EventArgs e)  
            {  
                chartPercent.Series[0].AddItem(80.0);  
                chartPercent.Series[1].AddItem(20.0);  
            }  
     

  2. Ves
    Admin
    Ves avatar
    2927 posts

    Posted 01 Jun 2009 Link to this post

    Hi Dmitriy,

    I am afraid I was not able to reproduce the issue. I have attached my test page, based on your code, and the resulting chart. Please, make sure you use the latest version and if you get this behavior with it, please, open a formal support ticket and attach a complete page, which will reproduce the issue. This way we will be able to investigate it locally and get back to you with more details.

    Best regards,
    Ves
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top