RadHtmlChart PlotBand Labels

2 posts, 0 answers
  1. Jasdeep
    Jasdeep avatar
    2 posts
    Member since:
    Feb 2015

    Posted 12 Mar 2015 Link to this post

    Hi forum,

    I want to give numbers as labels to the highlighted PlotBand area. Those labels should be from starting point to the end point and should be on the right yaxis.

    Please see the attached file for example. The black lines on the right yaxis should be replaced by the numbers (label). Please provide help ASAP.


  2. Danail Vasilev
    Danail Vasilev avatar
    1475 posts

    Posted 13 Mar 2015 Link to this post

    Hi Jasdeep,

    I have already replied to support ticket opened by you on this regard, so I paste my answer below for the rest of the community.

    This is not supported out of the box but you can workaround it as follows:

        function OnLoad(chart) {
            var kendoWidget = chart.get_kendoWidget();
            kendoWidget.options.valueAxis[1].labels.template = "#if(value === 15000 || value === 20000) {# #=value# #}#";
    <telerik:RadHtmlChart runat="server" ID="ColumnChart1" Width="600px" Height="400px">
        <ClientEvents OnLoad="OnLoad" />
            <CommonTooltipsAppearance Shared="true"></CommonTooltipsAppearance>
                <telerik:LineSeries Name="Product 1">
                        <telerik:CategorySeriesItem Y="15000" />
                        <telerik:CategorySeriesItem Y="23000" />
                        <telerik:CategorySeriesItem Y="10000" />
                    <telerik:PlotBand From="15000" To="20000"Color="Green" />
                    <telerik:AxisCrossingPoint Value="0" />
                    <telerik:AxisCrossingPoint Value="1000" />
                    <telerik:AxisItem LabelText="1" />
                    <telerik:AxisItem LabelText="2" />
                    <telerik:AxisItem LabelText="3" />

    Danail Vasilev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
Back to Top