Two SeriesItemLabel in RangeBarSeriesDefinition

[Dhaval]

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

[Evgenia]

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

[Dhaval patel]

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

[Evgenia]

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

[Evgenia]

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

[Maria]

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

[Martin Ivanov]

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