Add Chart Titles and Showing Phase Lines

[Vasu]

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

[Petar Marchev]

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

[Vasu]

Hi Petar,

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

Thanks

Vasu

[Petar Marchev]

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

[Vasu]

Thanks Petar!

[Vasu]

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

[Petar Marchev]

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

[Vasu]

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

[Petar Marchev]

Hi Vasu,

You can check this plot band online example here.

Regards,
Petar Marchev
Telerik

[Vasu]

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