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

RADChart control with Image in BAR

1 Answer 42 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Ramachandra Ekbote
Top achievements
Rank 1
Ramachandra Ekbote asked on 23 Oct 2008, 12:46 PM
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.

1 Answer, 1 is accepted

Sort by
0
Giuseppe
Telerik team
answered on 24 Oct 2008, 10:54 AM
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.
Tags
Chart (Obsolete)
Asked by
Ramachandra Ekbote
Top achievements
Rank 1
Answers by
Giuseppe
Telerik team
Share this question
or