Jscript error on Legend mouseover for HtmlChart with mixed Series

3 posts, 0 answers
  1. Todd
    Todd avatar
    2 posts
    Member since:
    Aug 2011

    Posted 31 Jul 2013 Link to this post

    Hi there,

    I'm using Telerik RadControls for ASP.NET version v.2013.2.717.45 on Internet Explorer 8 using Visual Studio 2012.

    I've been working on a RadHtmlChart that has 3 Column Series (stacked) and 1 Line Series.  The Chart is databound and the data representation, as well as everything else, is working just fine for the chart.  The only issue I have now is that when I added the Line Series to the Chart (thereby making the Chart a mixed series chart), there is a Jscript error when a user mouses over the Legend.  The error is:

    'options' is null or not an object

    As soon as I remove the Line Series, the error goes away.

    Any advice would be greatly appreciated!

    Here is my RadHtmlChart:

    <%@ Page Language="VB" CodeFile="ResGoalCharts_Bare.aspx.vb" Inherits="Problems_Problem_Resolution_Goal" %>
      
    <html>
    <head runat="server">
    </head>
    <body>
        <form id="Form1" runat="server">
            <telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">
            </telerik:RadScriptBlock>
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="true">
            </telerik:RadScriptManager>
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
            <asp:HiddenField ID="HiddenField_Owner_Emp_Id" runat="server" />
            <asp:HiddenField ID="HiddenField_Risk" runat="server" />
            <asp:HiddenField ID="HiddenField_OwningOrg" runat="server" />
            <asp:HiddenField ID="HiddenField_RollUp" runat="server" />
      
            <telerik:RadHtmlChart ID="RadHtmlChart_GoalTrend1x" runat="server" Width="800" Height="450">
                <PlotArea>
                    <Series>
                        <telerik:ColumnSeries DataFieldY="WITHIN_1X_GOAL_PCT" Stacked="true" Name="Within Goal">
                            <LabelsAppearance Visible="false"></LabelsAppearance>
                            <TooltipsAppearance ClientTemplate="Count: #=dataItem.WITHIN_1X_GOAL#" Color="GhostWhite" />
                            <Appearance>
                                <FillStyle BackgroundColor="Green" />
                            </Appearance>
                        </telerik:ColumnSeries>
                        <telerik:ColumnSeries DataFieldY="WITHIN_1X_OUT_PCT" Stacked="true" Name="Outside Goal">
                            <LabelsAppearance Visible="false"></LabelsAppearance>
                            <Appearance>
                                <FillStyle BackgroundColor="Red" />
                            </Appearance>
                            <TooltipsAppearance ClientTemplate="Count: #=dataItem.OUTSIDE_1X_GOALS#" Color="GhostWhite" />
                        </telerik:ColumnSeries>
                        <telerik:ColumnSeries DataFieldY="OTHER_PCT" Stacked="true" Name="In Progress">
                            <LabelsAppearance Visible="false"></LabelsAppearance>
                            <TooltipsAppearance ClientTemplate="Count: #=dataItem.OTHER#" Color="Black" />
                            <Appearance>
                                <FillStyle BackgroundColor="Yellow" />
                            </Appearance>
                        </telerik:ColumnSeries>
                        <telerik:LineSeries DataFieldY="GOAL_1X" MissingValues="Interpolate" Name="1x Goal (80%)">
                            <LineAppearance Width="2" />
                            <LabelsAppearance Visible="false" />
                            <MarkersAppearance Visible="false" />
                            <TooltipsAppearance Visible="false" />
                        </telerik:LineSeries>
                    </Series>
                    <XAxis MajorTickType="Outside" MinorTickType="None" Visible="true" DataLabelsField="OPEN_PERIOD">
                        <MinorGridLines Visible="false" />
                        <MajorGridLines Visible="false" />
                        <TitleAppearance Visible="true">
                        </TitleAppearance>
                        <LabelsAppearance RotationAngle="-45" />
                    </XAxis>
                    <YAxis MaxValue="100" MinorTickType="None" MajorTickType="None">
                        <MinorGridLines Visible="false" />
                        <MajorGridLines Visible="false" />
                        <TitleAppearance Text="% Of Total">
                        </TitleAppearance>
                        <LabelsAppearance DataFormatString="{0}%">
                        </LabelsAppearance>
                    </YAxis>
                </PlotArea>
                <Legend>
                    <Appearance Visible="true" Position="Bottom">
                    </Appearance>
                </Legend>
                <ChartTitle Text="Goal Trend Report">
                </ChartTitle>
            </telerik:RadHtmlChart>
        </form>
    </body>
    </html>

  2. Stamo Gochev
    Admin
    Stamo Gochev avatar
    157 posts

    Posted 05 Aug 2013 Link to this post

    Hello Todd,

    We are aware of this issue for both LineSeries and ScatterLIneSeries and it is logged in our Feedback portal where you can track its status. As there is no workaround for the problem, we consider it to be of high priority and we plan to fix the issue in our next major release.

    Regards,
    Stamo Gochev
    Telerik
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Todd
    Todd avatar
    2 posts
    Member since:
    Aug 2011

    Posted 05 Aug 2013 Link to this post

    Excellent,

    Thanks for your response, Stamo.

    -Todd
Back to Top