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

Add Chart Titles and Showing Phase Lines

9 Answers 59 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Vasu
Top achievements
Rank 1
Vasu asked on 25 Jul 2013, 11:17 PM
Hi

I'm trying to add a chart title and show phase line for each series in a telerik chart. How do i do this?

I'm attaching a sample chart.

Thanks for your help!

Vasu

9 Answers, 1 is accepted

Sort by
0
Petar Marchev
Telerik team
answered on 30 Jul 2013, 07:43 AM
Hello Vasu,

You can use the CartesianGridLineAnnotation to plot these phase lines (example here). You can use the CartesianCustomAnnotation for the "Series1", "Series2" and "Series3" labels. The custom annotations are singularities and they are positioned in accordance to a horizontal and vertical value. You will need to use the maximum value of the vertical axis and whatever horizontal value you think is best (say value 3 for the "Series1" label). You will also need to set the chart's ClipToBounds property to false in order to allow for the annotation to be drawn outside the chart bounds. You may find this section helpful.

Regards,
Petar Marchev
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.
0
Vasu
Top achievements
Rank 1
answered on 30 Jul 2013, 06:24 PM
Hi Petar,

I'm using ASP.NET RadChart. I think the solution you mentioned is for silverlight.

Thanks

Vasu


0
Petar Marchev
Telerik team
answered on 31 Jul 2013, 08:43 AM
Hello Vasu,

I apologize for the mistake. With the asp chart you can use the MarkedZones for this:

<telerik:RadChart runat="server" ID="RadChart1">
 <Series>
  <telerik:ChartSeries>
   <Items>
    <telerik:ChartSeriesItem XValue="1" YValue="1" />
    <telerik:ChartSeriesItem XValue="2" YValue="4" />
    <telerik:ChartSeriesItem XValue="3" YValue="2" />
    <telerik:ChartSeriesItem XValue="4" YValue="1" />
    <telerik:ChartSeriesItem XValue="5" YValue="6" />
    <telerik:ChartSeriesItem XValue="6" YValue="5" />
    <telerik:ChartSeriesItem XValue="7" YValue="6" />
    <telerik:ChartSeriesItem XValue="8" YValue="1" />
    <telerik:ChartSeriesItem XValue="9" YValue="2" />
   </Items>
  </telerik:ChartSeries>
 </Series>
 <PlotArea>
  <MarkedZones>
   <telerik:ChartMarkedZone ValueStartX="4"
    ValueEndX="4"
    Appearance-Border-Color="Black" />
    <telerik:ChartMarkedZone ValueStartX="0"
     ValueEndX="4"
     Appearance-FillStyle-MainColor="Transparent">
    <Label TextBlock-Text="marked zone" Appearance-Position-AlignedPosition="Top" />
   </telerik:ChartMarkedZone>
  </MarkedZones>
 </PlotArea>
</telerik:RadChart>


Regards,
Petar Marchev
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.
0
Vasu
Top achievements
Rank 1
answered on 31 Jul 2013, 01:51 PM
Thanks Petar!
0
Vasu
Top achievements
Rank 1
answered on 31 Jul 2013, 08:51 PM
Hi Petar,

One more question, how do I make the marked zone cover the entire range? For e.g. If  I render a marked zone from 1 to 6, it starts from the midpoint of 1 and ends at the midpoint of 6.

I am attaching a sample.

Thanks,

Vasu
0
Petar Marchev
Telerik team
answered on 02 Aug 2013, 07:58 AM
Hello Vasu,

In the attached image the marked zone is spread from exactly 1 to exactly 6. Note that the annotation starts exactly where the first point is located, at value 1. You will need to set the start to be 0.5 and end be 6.5 to achieve the desired effect.

Regards,
Petar Marchev
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.
0
Vasu
Top achievements
Rank 1
answered on 11 Sep 2013, 01:48 AM
Hi Petar,

This is a Kendo UI question. I'm not able to post on the Kendo forum since I am using a trial version.


How do I accomplish marked zones in a Kendo UI chart?

Thanks

Vasu
0
Petar Marchev
Telerik team
answered on 13 Sep 2013, 07:45 AM
Hi Vasu,

You can check this plot band online example here.

Regards,
Petar Marchev
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.
0
Vasu
Top achievements
Rank 1
answered on 13 Sep 2013, 12:22 PM
Thanks Petar! I have just a few more questions 1. Is it possible to show custom tooltips for every Data point in kendo mvc chart? 2. Is it possible to show a different shape for every Data point in kendo mvc chart? Appreciate your help
Tags
Chart (Obsolete)
Asked by
Vasu
Top achievements
Rank 1
Answers by
Petar Marchev
Telerik team
Vasu
Top achievements
Rank 1
Share this question
or