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

ActiveRegionUrl in Legend and ChartSeriesItem

9 Answers 135 Views

Chart (Obsolete)

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

Shash asked on 16 Nov 2009, 09:08 PM

I have following test code and I cannot get the Active Region to work, any help would be highly appreciated

    
            <telerik:RadChart ID="RadChart3" runat="server" Skin="Mac" Width="900" Height="500"> 
        
                        <Series> 
        
                            <telerik:ChartSeries ActiveRegionUrl="javascript:alert('123')" Name="testSeries" Type="Line" > 
        
                                <Items> 
        
                                    <telerik:ChartSeriesItem ActiveRegion-Url="javascript:alert('item1')" XValue="1" YValue="12"></telerik:ChartSeriesItem>  
        
                                    <telerik:ChartSeriesItem ActiveRegion-Url="javascript:alert('item2')" XValue="2" YValue="15"></telerik:ChartSeriesItem>  
        
                                    <telerik:ChartSeriesItem ActiveRegion-Url="javascript:alert('item3')" XValue="3" YValue="20"></telerik:ChartSeriesItem>  
        
                                </Items> 
        
                            </telerik:ChartSeries> 
        
                        </Series> 
        
                        <PlotArea> 
        
                           <XAxis LayoutMode="Inside" AutoScale="false" LabelStep="10" > 
        
                                <Appearance ValueFormat="Number" MajorGridLines-Visible="false"> 
        
                                    <LabelAppearance RotationAngle="45" Position-AlignedPosition="Top"> 
        
                                    </LabelAppearance> 
        
                                </Appearance> 
        
                            </XAxis> 
        
                            <YAxis IsZeroBased="true"> 
        
                            </YAxis> 
        
                        </PlotArea> 
        
                </telerik:RadChart>

9 Answers, 1 is accepted

Accepted

answered on 19 Nov 2009, 02:23 PM

activeregion.zip

Hi Shash,

You can find a similar task discussed in this KB article. It will shed some light on the items ActiveRegion usage, but for the legend there is an additional detail. You need to modify the legend item, and if it is an auto-generated one - it is available in the BeforeLayout event handler.

In addition, the items ActiveRegion for line series is only available for the pointmarks, so you will need to set them to be visible. You can still leave their default transparent color.

I have attached a small example.

Best regards,
Ves
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 25 Nov 2009, 01:37 AM

I saw that your example works, I'm trying to add the series in the code-behind. Following is an example. I get a runtime error when I use the following aspx and cs files.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <%@ Register Namespace="Telerik.Charting" Assembly="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                <telerik:RadChart ID="RadChart3" runat="server" Skin="Mac" Width="900" Height="500"> 
        
                        <PlotArea> 
        
                            <XAxis LayoutMode="Inside" AutoScale="false" LabelStep="10"> 
        
                                <Appearance ValueFormat="Number" MajorGridLines-Visible="false"> 
        
                                    <LabelAppearance RotationAngle="45" Position-AlignedPosition="Top"> 
        
                                    </LabelAppearance> 
        
                                </Appearance> 
        
                            </XAxis> 
        
                            <YAxis IsZeroBased="true"> 
        
                            </YAxis> 
        
                        </PlotArea> 
        
                    </telerik:RadChart> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

    
            using System; 
        
            using System.Collections; 
        
            using System.Configuration; 
        
            using System.Data; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.Security; 
        
            using System.Web.UI; 
        
            using System.Web.UI.HtmlControls; 
        
            using System.Web.UI.WebControls; 
        
            using System.Web.UI.WebControls.WebParts; 
        
            using System.Xml.Linq; 
        
            using Telerik.Charting; 
        
            public partial class Default2 : System.Web.UI.Page 
        
            { 
        
                void RadChart3_BeforeLayout(object sender, EventArgs e) 
        
                { 
        
                    foreach (var item in RadChart3.Legend.Items) 
        
                    { 
        
                        item.ActiveRegion.Attributes = "onclick=alert('abc');"; 
        
                    } 
        
                } 
        
                protected void Page_Load(object sender, EventArgs e) 
        
                { 
        
                    RadChart3.BeforeLayout += new EventHandler<EventArgs>(RadChart3_BeforeLayout); 
        
                    if (!IsPostBack) 
        
                    { 
        
                        ChartSeries chartSeries = new ChartSeries(); 
        
                        chartSeries.Name = "Test Series 1"; 
        
                        chartSeries.Type = ChartSeriesType.Line; 
        
                        chartSeries.Appearance.LegendDisplayMode = ChartSeriesLegendDisplayMode.SeriesName; 
        
                        chartSeries.Appearance.PointMark.Visible = true; 
        
                        chartSeries.ActiveRegionToolTip = "Test Series"; 
        
                        for (int i = 0; i < 10; i++) 
        
                        { 
        
                            ChartSeriesItem chartSeriesItem = new ChartSeriesItem(); 
        
                            chartSeriesItem.XValue = i; 
        
                            chartSeriesItem.YValue = (i * 5) + (i % 2 == 0 ? (2*i) : (-2*i)); 
        
                            chartSeriesItem.ActiveRegion.Attributes = "onclick=alert(\'" + i.ToString() + "\')"; 
        
                            chartSeries.Items.Insert(chartSeries.Items.Count, chartSeriesItem); 
        
                        } 
        
                        RadChart3.Series.Add(chartSeries); 
        
                    } 
        
                } 
        
            }

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

ActiveRegionUrl in Legend and ChartSeriesItem

9 Answers, 1 is accepted