[Solved] RadChart. FillType="Image" fading.

[Dmitriy Krantsberg]

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);
        }

[Ves]

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.