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

Two SeriesItemLabel in RangeBarSeriesDefinition

6 Answers 81 Views
Chart
This is a migrated thread and some comments may be shown as answers.
Dhaval
Top achievements
Rank 1
Dhaval asked on 23 Sep 2011, 06:15 AM
is it possible to show Two different SeriesItemLabel in RangeBarSeriesDefinition for High/Low value?

6 Answers, 1 is accepted

Sort by
0
Evgenia
Telerik team
answered on 27 Sep 2011, 12:41 PM
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 >>
0
Dhaval patel
Top achievements
Rank 1
answered on 28 Sep 2011, 02:56 PM
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
0
Evgenia
Telerik team
answered on 29 Sep 2011, 09:39 AM
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 >>
0
Evgenia
Telerik team
answered on 29 Sep 2011, 09:39 AM
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 >>
0
Maria
Top achievements
Rank 1
answered on 24 Sep 2014, 07:55 AM
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
















0
Martin Ivanov
Telerik team
answered on 26 Sep 2014, 03:07 PM
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.
 
Tags
Chart
Asked by
Dhaval
Top achievements
Rank 1
Answers by
Evgenia
Telerik team
Dhaval patel
Top achievements
Rank 1
Maria
Top achievements
Rank 1
Martin Ivanov
Telerik team
Share this question
or