This is a migrated thread and some comments may be shown as answers.

[Solved] add Horizontal line to a Column Chart

2 Answers 322 Views

Chart (Obsolete)

This is a migrated thread and some comments may be shown as answers.

Luc Émond asked on 22 Aug 2013, 02:42 PM

ex.png

Hi i using a HtmlChart - Column Chart.

How can i had an horizontal passing line in my chart.
I would like to one put a passing line at 55

Please refer to this link a put an horontal line in photoshop to show you what i need.
Exemple

For now i use this code :
Tks

<telerik:RadHtmlChart runat="server" ChartTitle-Text="Courbe FR" ID="RadHtmlChart1" Width="800" Height="500">

<PlotArea>

<Series>

<telerik:ColumnSeries Name="District">

<TooltipsAppearance Color="White" />

<SeriesItems>

<telerik:CategorySeriesItem Y="95" />

<telerik:CategorySeriesItem Y="80" />

<telerik:CategorySeriesItem Y="85" />

</SeriesItems>

</telerik:ColumnSeries>

<telerik:ColumnSeries AxisName="AdditionalAxis" Name="Ministère">

<Appearance>

<FillStyle BackgroundColor="Red" />

</Appearance>

<TooltipsAppearance Color="White" />

<SeriesItems>

<telerik:CategorySeriesItem Y="90" />

<telerik:CategorySeriesItem Y="80" />

<telerik:CategorySeriesItem Y="45" />

<telerik:CategorySeriesItem Y="66" />

</SeriesItems>

</telerik:ColumnSeries>

</Series>

<YAxis MinValue="0">

<TitleAppearance Text="%" />

</YAxis>

<AdditionalYAxes>

<telerik:AxisY Name="AdditionalAxis" Visible="false" Color="Red" Width="3">

<TitleAppearance Text="%" Visible="false" />

</telerik:AxisY>

</AdditionalYAxes>

<Series>

<telerik:BarSeries Name="Seuil">

<Appearance>

<FillStyle BackgroundColor="Red"></FillStyle>

</Appearance>

<LabelsAppearance Position="Center">

</LabelsAppearance>

<TooltipsAppearance BackgroundColor="Red"></TooltipsAppearance>

<SeriesItems>

<telerik:CategorySeriesItem Y="55"></telerik:CategorySeriesItem>

</SeriesItems>

</telerik:BarSeries>

</Series>

<XAxis>

<LabelsAppearance />

<Items>

<telerik:AxisItem LabelText="L2" />

<telerik:AxisItem LabelText="L4" />

<telerik:AxisItem LabelText="F5" />

<telerik:AxisItem LabelText="F8" />

</Items>

</XAxis>

</PlotArea>

<Legend>

<Appearance Position="Bottom" />

</Legend>

</telerik:RadHtmlChart>

2 Answers, 1 is accepted

answered on 27 Aug 2013, 10:05 AM

Hello Luc,

I am sorry to say that currently RadHtmlChart doesn't support marked zones. Such a feature request, however, has already been logged as a PITS item here, so that you can monitor, comment or raise its priority by voting on it.

For the time being you can add a new LineSeries, to the current chart that will has its markers and labels disabled. Such an approach is illustrated in HtmlChart - Static Items online demo. Note, however, that the additional series will be reflected in the legend as well.

Regards,
Danail Vasilev
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.