Clickable Data Point Implementation

Thread is closed for posting
2 posts, 0 answers
  1. Guohui
    Guohui avatar
    3 posts
    Member since:
    Dec 2013

    Posted 10 Dec 2013 Link to this post

    I am looking at RadHtmlChart. At the moment, I don’t know how to make the data points clickable easily.

    In our scenario, the URL values for each data point will be constructed during the process of binding the data to the chart on the server side.

    Can anybody advise?


  2. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 12 Dec 2013 Link to this post

    Hello Guohui,

    I have already answered to the support ticket opened by you, so I am pasting my replay here so it is available for the rest members of the forum:

    You can use the OnClientSeriesClicked event of the RadHtmlChart where you can obtain values in fields (e.g. field that contains urls) from the data source through the DataItem object and use them appropriately (.e.g. open the url in a new window). For example:
        function OnClientSeriesClicked(sender, args) {
            var url = args.get_dataItem().urls;


    <telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="640px" Height="480px" OnClientSeriesClicked="OnClientSeriesClicked">
                <telerik:ScatterLineSeries DataFieldY="yValues" DataFieldX="xValues">
    protected void Page_Load(object sender, EventArgs e)
        RadHtmlChart1.DataSource = GetData();
    protected DataTable GetData()
        DataTable dt = new DataTable();
        dt.Rows.Add(1, 1, 11, "");
        dt.Rows.Add(2, 2, 15, "");
        dt.Rows.Add(3, 3, 16, "");
        return dt;

    Danail Vasilev
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top