Add Chart Titles and Showing Phase Lines

Thread is closed for posting
10 posts, 0 answers
  1. Vasu
    Vasu avatar
    7 posts
    Member since:
    Jul 2013

    Posted 25 Jul 2013 Link to this post

    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
  2. Petar Marchev
    Admin
    Petar Marchev avatar
    968 posts

    Posted 30 Jul 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vasu
    Vasu avatar
    7 posts
    Member since:
    Jul 2013

    Posted 30 Jul 2013 Link to this post

    Hi Petar,

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

    Thanks

    Vasu


  5. Petar Marchev
    Admin
    Petar Marchev avatar
    968 posts

    Posted 31 Jul 2013 Link to this post

    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.
  6. Vasu
    Vasu avatar
    7 posts
    Member since:
    Jul 2013

    Posted 31 Jul 2013 Link to this post

    Thanks Petar!
  7. Vasu
    Vasu avatar
    7 posts
    Member since:
    Jul 2013

    Posted 31 Jul 2013 Link to this post

    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
  8. Petar Marchev
    Admin
    Petar Marchev avatar
    968 posts

    Posted 02 Aug 2013 Link to this post

    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.
  9. Vasu
    Vasu avatar
    7 posts
    Member since:
    Jul 2013

    Posted 10 Sep 2013 Link to this post

    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
  10. Petar Marchev
    Admin
    Petar Marchev avatar
    968 posts

    Posted 13 Sep 2013 Link to this post

    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.
  11. Vasu
    Vasu avatar
    7 posts
    Member since:
    Jul 2013

    Posted 13 Sep 2013 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017