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

Jscript error on Legend mouseover for HtmlChart with mixed Series

2 Answers 70 Views

Chart (HTML5)

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

Todd asked on 31 Jul 2013, 03:20 PM

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>

Jscript error on Legend mouseover for HtmlChart with mixed Series

2 Answers, 1 is accepted