Regarding Display of the Bar Values

[Deepak]

Hi,
I am plotting bar charts similar to the chart displayed into content provided by you
http://www.telerik.com/help/aspnet-ajax/understandingtypesbar.html

I have three bars for each point on X - Axis
I am displaying the Y Value of the bar on the top of the bar (Similar To your example).
When all the bars are of same height then the values present on the top of the bar overlaps and becomes not readable.

If I can display the values vertically then also it will resolve the issue for me.

Kindly help me to resolve the issue.

Thanks and Regards....
Ashish Tripathi
Bangalore

[Giuseppe]

Hello Deepak,

You can rotate the labels by setting the ChartSeries.Appearance.LabelAppearance.RotationAngle property like this:

<telerik:RadChart ID="RadChart1" runat="Server" AutoLayout="true">
    <Series>
        <telerik:ChartSeries>
            <Appearance>
                <LabelAppearance RotationAngle="90">
                </LabelAppearance>
            </Appearance>
            <Items>
                <telerik:ChartSeriesItem YValue="100000">
                </telerik:ChartSeriesItem>
                <telerik:ChartSeriesItem YValue="300000">
                </telerik:ChartSeriesItem>
                <telerik:ChartSeriesItem YValue="200000">
                </telerik:ChartSeriesItem>
            </Items>
        </telerik:ChartSeries>
        <telerik:ChartSeries>
            <Appearance>
                <LabelAppearance RotationAngle="90">
                </LabelAppearance>
            </Appearance>
            <Items>
                <telerik:ChartSeriesItem YValue="100000">
                </telerik:ChartSeriesItem>
                <telerik:ChartSeriesItem YValue="300000">
                </telerik:ChartSeriesItem>
                <telerik:ChartSeriesItem YValue="200000">
                </telerik:ChartSeriesItem>
            </Items>
        </telerik:ChartSeries>
        <telerik:ChartSeries>
            <Appearance>
                <LabelAppearance RotationAngle="90">
                </LabelAppearance>
            </Appearance>
            <Items>
                <telerik:ChartSeriesItem YValue="100000">
                </telerik:ChartSeriesItem>
                <telerik:ChartSeriesItem YValue="300000">
                </telerik:ChartSeriesItem>
                <telerik:ChartSeriesItem YValue="200000">
                </telerik:ChartSeriesItem>
            </Items>
        </telerik:ChartSeries>
    </Series>
</telerik:RadChart>

Hope this helps.


All the best,
Manuel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.