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

add Horizontal line to a Column Chart

2 Answers 229 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Luc Émond
Top achievements
Rank 1
Luc Émond asked on 22 Aug 2013, 02:42 PM
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="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

Sort by
0
Luc Émond
Top achievements
Rank 1
answered on 23 Aug 2013, 11:42 AM
If it not possible is there a marked zone feature with RadHtmlChart or it only with the RadChart ?
0
Danail Vasilev
Telerik team
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.
Tags
Chart (Obsolete)
Asked by
Luc Émond
Top achievements
Rank 1
Answers by
Luc Émond
Top achievements
Rank 1
Danail Vasilev
Telerik team
Share this question
or