Two SeriesItemLabel in RangeBarSeriesDefinition

7 posts, 0 answers
  1. Dhaval
    Dhaval avatar
    1 posts
    Member since:
    Sep 2011

    Posted 23 Sep 2011 Link to this post

    is it possible to show Two different SeriesItemLabel in RangeBarSeriesDefinition for High/Low value?

  2. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 27 Sep 2011 Link to this post

    Hello Dhaval,

    Take a look at our help topic where it is demonstrated how to set custom Label for the Series. For your scenario you should use the #HIGH and #LOW format tokens.
    To remove the Background color from SeriesItemsLabels you can follow this help topic.

    All the best,
    Evgenia
    the Telerik team
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
  3. UI for WPF is Visual Studio 2017 Ready
  4. Dhaval patel
    Dhaval patel avatar
    19 posts
    Member since:
    Dec 2009

    Posted 28 Sep 2011 Link to this post

    Hello Evgenia ,
    First of all thankx for reply.
    I have already used #HIGH and #LOW format tokens for getting High and Low values.

    but, I want to separate both labels.
    1. for #High, label should appear above of Bar.
    2. for #Low, label should appear below of Bar.


    Once again Thankx.

    Dhaval Patel
    I-Link Infosoft (G.) Pvt. Ltd.
    http://www.i-link.co.in
  5. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 29 Sep 2011 Link to this post

    Hi Dhaval Patel,

    Currently having two Labels per RangeBar isn't possible and we doesn't plan to add more labels to the series.

    Kind regards,
    Evgenia
    the Telerik team
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
  6. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 29 Sep 2011 Link to this post

    Hi Dhaval Patel,

    Currently having two Labels per RangeBar isn't possible and we don't plan to add more labels to the series.

    Kind regards,
    Evgenia
    the Telerik team
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
  7. Maria
    Maria avatar
    3 posts
    Member since:
    Sep 2014

    Posted 24 Sep 2014 in reply to Dhaval patel Link to this post

    Dhaval, I want ot do this too.. If you have solved, then let me know about it..

    Maria
    _____________
    Virtuoso IT Solutions Pvt. Ltd.
    www.virtuoso.co.in
















  8. Martin
    Admin
    Martin avatar
    1099 posts

    Posted 26 Sep 2014 Link to this post

    Hello Maria,

    Note that RadChart has many known issues and limitations some of which were resolved in the new RadChartView suite. This is why we decided to create the new RadChartView suite that resolve many of those issues. The new components have better implementation and improved performance. They are also very flexible and easier to set up. You can take a look at the RadChart vs. RadChartView help article to read about the differences between the charting components.

    If you are just starting using a chart in your application or if its integration is not too complex I recommend you to give a try to the new components.

    In addition I prepared a small code snippet that demonstrates RadChartView with RangeBarSeries and two labels - one for the High value, located on top of the bar and one for the Low value located under the bar.

    <telerik:RadCartesianChart >
        <telerik:RadCartesianChart.VerticalAxis>
            <telerik:LinearAxis/>
        </telerik:RadCartesianChart.VerticalAxis>
        <telerik:RadCartesianChart.HorizontalAxis>
            <telerik:CategoricalAxis/>
        </telerik:RadCartesianChart.HorizontalAxis>
        <telerik:RangeBarSeries ShowLabels="True">
            <telerik:RangeBarSeries.DataPoints>
                <telerik:RangeDataPoint High="10" Low="7"/>
                <telerik:RangeDataPoint High="15" Low="2"/>
                <telerik:RangeDataPoint High="20" Low="1"/>
                <telerik:RangeDataPoint High="11" Low="4"/>                   
            </telerik:RangeBarSeries.DataPoints>         
             
            <telerik:RangeBarSeries.LabelDefinitions>
                <telerik:ChartSeriesLabelDefinition>
                    <telerik:ChartSeriesLabelDefinition.Template>
                        <DataTemplate>
                            <TextBlock Text="{Binding High}" />
                        </DataTemplate>
                    </telerik:ChartSeriesLabelDefinition.Template>
                </telerik:ChartSeriesLabelDefinition>
     
                <telerik:ChartSeriesLabelDefinition VerticalAlignment="Bottom">
                    <telerik:ChartSeriesLabelDefinition.Template>
                        <DataTemplate>
                            <TextBlock Text="{Binding Low}" />
                        </DataTemplate>
                    </telerik:ChartSeriesLabelDefinition.Template>
                </telerik:ChartSeriesLabelDefinition>
            </telerik:RangeBarSeries.LabelDefinitions>
        </telerik:RangeBarSeries>
    </telerik:RadCartesianChart>

    I hope this helps.

    Regards,
    Martin
    Telerik
     
    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
     
Back to Top
UI for WPF is Visual Studio 2017 Ready