RADChart control with Image in BAR

[Ramachandra Ekbote]

Hi,

I am using a RADChart control in my page. Type="StackedBar"
Chart has horizontal bar orientation.
Now I need to put a Image (With Hyper Link) & in front of every Bar to open a new popup page onclick of that Image.

Please let me know how can I do this, As I tried the chart control looks likeit does not have any option to do this. 

regards
Ram.

[Giuseppe]

Hello Ramachandra Ekbote,

RadChart only supports adding background images to the chart series items -- we have attached a sample application that demonstrates how this approach can be combined with the ActiveRegion.Url property of the series item to allow opening a new window on clicking the image:

<telerik:RadChart ID="RadChart1" runat="server" AutoLayout="true" SeriesOrientation="Horizontal">
    <Series>
        <telerik:ChartSeries Type="StackedBar">
            <Items>
                <telerik:ChartSeriesItem YValue="25">
                    <ActiveRegion Url="javascript:void(window.open('http://www.telerik.com'));" Tooltip="Test" />
                    <Appearance>
                        <FillStyle FillType="Image"
                                   FillSettings-ImageDrawMode="Stretch"
                                   FillSettings-BackgroundImage="image.jpg"></FillStyle>
                    </Appearance>
                </telerik:ChartSeriesItem>
                <telerik:ChartSeriesItem YValue="35">
                </telerik:ChartSeriesItem>
            </Items>
        </telerik:ChartSeries>
        <telerik:ChartSeries Type="StackedBar">
            <Items>
                <telerik:ChartSeriesItem YValue="25">
                </telerik:ChartSeriesItem>
                <telerik:ChartSeriesItem YValue="35">
                </telerik:ChartSeriesItem>
            </Items>
        </telerik:ChartSeries>
    </Series>
</telerik:RadChart>

Hope this helps.


Kind regards,
Manuel
the Telerik team

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