add Horizontal line to a Column Chart

Thread is closed for posting
3 posts, 0 answers
  1. Luc Émond
    Luc Émond avatar
    26 posts
    Member since:
    Jun 2010

    Posted 22 Aug 2013 Link to this post

    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.

    For now i use this code :
    <telerik:RadHtmlChart runat="server" ChartTitle-Text="Courbe FR" ID="RadHtmlChart1" Width="800" Height="500">
                        <telerik:ColumnSeries Name="District">
                             <TooltipsAppearance Color="White" />
                                  <telerik:CategorySeriesItem Y="95" />
                                  <telerik:CategorySeriesItem Y="80" />
                                  <telerik:CategorySeriesItem Y="80" />
                                  <telerik:CategorySeriesItem Y="85" />
                        <telerik:ColumnSeries AxisName="AdditionalAxis" Name="Ministère">
                                  <FillStyle BackgroundColor="Red" />
                             <TooltipsAppearance Color="White" />
                                  <telerik:CategorySeriesItem Y="90" />
                                  <telerik:CategorySeriesItem Y="80" />
                                  <telerik:CategorySeriesItem Y="45" />
                                  <telerik:CategorySeriesItem Y="66" />
                   <YAxis MinValue="0">
                        <TitleAppearance Text="%" />
                        <telerik:AxisY Name="AdditionalAxis" Visible="false" Color="Red" Width="3">
                             <TitleAppearance Text="%" Visible="false" />
                    <telerik:BarSeries Name="Seuil">
                                <FillStyle BackgroundColor="Red"></FillStyle>
                           <LabelsAppearance Position="Center">
                           <TooltipsAppearance BackgroundColor="Red"></TooltipsAppearance>
                                <telerik:CategorySeriesItem Y="55"></telerik:CategorySeriesItem>
                        <LabelsAppearance />
                             <telerik:AxisItem LabelText="L2" />
                             <telerik:AxisItem LabelText="L4" />
                             <telerik:AxisItem LabelText="F5" />
                             <telerik:AxisItem LabelText="F8" />
                   <Appearance Position="Bottom" />

  2. Luc Émond
    Luc Émond avatar
    26 posts
    Member since:
    Jun 2010

    Posted 23 Aug 2013 Link to this post

    If it not possible is there a marked zone feature with RadHtmlChart or it only with the RadChart ?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Danail Vasilev
    Danail Vasilev avatar
    1490 posts

    Posted 27 Aug 2013 Link to this post

    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.

    Danail Vasilev
    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.
Back to Top