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:
C#
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); |
} |