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

[Solved] 2016.1.113.40 LineSeries Issue

4 Answers 174 Views

Chart (HTML5)

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

RBarnes asked on 25 Jan 2016, 04:50 PM

Prior to our recent upgrade to 2016.1.113.40 the below chart rendered fine, after our upgrade, we get a JS error. To correct this I had to change the series from LineSeries to a ScatterLineSeries.

Is this a known issue?

<telerik:RadHtmlChart ID="rChart1" Visible="true" runat="server" BorderStyle="Outset" BorderWidth="2px" CssClass="Center"

Height="400px" Width="980px" Legend-Appearance-Visible="true">

<ChartTitle Text="Acme Engineering and Manufacturing Corporation">

<Appearance>

<TextStyle FontFamily="Tahoma" Bold="true" FontSize="10pt" />

</Appearance>

</ChartTitle>

<Legend>

<Appearance Visible="true" BackgroundColor="White" Position="Right"></Appearance>

</Legend>

<Appearance>

<FillStyle BackgroundColor="LightSteelBlue" />

</Appearance>

<PlotArea>

<XAxis DataLabelsField="Day" Name="Day Of The Month" Color="Black" Step="1" BaseUnitStep="1"

MinorTickType="None" StartAngle="1" MinValue="1">

<TitleAppearance Text="Days Of The Month" Visible="true">

<TextStyle FontSize="8pt" FontFamily="Tahoma" Bold="true" />

</TitleAppearance>

<MajorGridLines Visible="true" />

<MinorGridLines Visible="false" />

</XAxis>

<YAxis MaxValue="4500000" MinValue="0" Step="500000" Visible="true">

<TitleAppearance Text="Acme Net Sales Dollars">

<TextStyle FontSize="8pt" FontFamily="Tahoma" Bold="true" />

</TitleAppearance>

<MajorGridLines Visible="true" />

<MinorGridLines Visible="false" />

<LabelsAppearance DataFormatString="{0:C0}"></LabelsAppearance>

</YAxis>

<Appearance FillStyle-BackgroundColor="White"></Appearance>

<Series>

<telerik:LineSeries DataFieldY="RunningGoalAmount" Name="Monthly Goal">

<Appearance>

<FillStyle BackgroundColor="Blue" />

</Appearance>

<LineAppearance LineStyle="Smooth" Width="3"/>

<LabelsAppearance Visible="false"></LabelsAppearance>

<MarkersAppearance MarkersType="Circle" Size="8" />

<TooltipsAppearance Color="White" DataFormatString="{0:C0}"></TooltipsAppearance>

</telerik:LineSeries>

</Series>

<Series>

<telerik:LineSeries DataFieldY="RunningTotalAmount" Name="Shipments">

<LineAppearance LineStyle="Smooth" Width="3" />

<LabelsAppearance Visible="false"></LabelsAppearance>

<Appearance>

<FillStyle BackgroundColor="Red" />

</Appearance>

<MarkersAppearance MarkersType="Circle" Size="8" />

<TooltipsAppearance Color="White" DataFormatString="{0:C0}"></TooltipsAppearance>

</telerik:LineSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

JS error with above.

Unhandled exception at line 32775, column 1 in http://localhost/FantasticWeb/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;Telerik.Web.UI:en-US:0e68002b-2938-4ae4-8b39-d22194ea1513:16e4e7cd:f7645509:22a6274a:ed16cbdc:24ee1bba:c128760b:19620875:874f8ea2:92fe8ea0:fa31b949:4877f69a:f46195d3:490a9d4e:bd8f85e4:86526ba7:e330518b:88144a7a:1e771326:8e6f0d33:1f3a7489:2003d0b8:c8618e41:1a73651d:333f8d94:e4f8f289:7c926187:8674cba1:b7778d6c:c08e9f8a:a51ee93e:59462f1:4cd1fec6:77613e24:f0c58c30:9b7cc2d2:8d1fecce:ec7335e:d944e0f6:c442ac3f:69667591:6b6b9ee5:595e7652:58366029

0x800a138f - JavaScript runtime error: Unable to get property '0' of undefined or null reference

Changing the Series to a ScatterLineSeries versus LineSeries seems to have resolved this. I also changed the DataFormatString on the Label to 1.

<Series>

<telerik:ScatterLineSeries DataFieldX="Day" DataFieldY="RunningGoalAmount" Name="Monthly Goal">

<Appearance>

<FillStyle BackgroundColor="Blue" />

</Appearance>

<LineAppearance LineStyle="Smooth" Width="3"/>

<LabelsAppearance Visible="false"></LabelsAppearance>

<MarkersAppearance MarkersType="Circle" Size="8" />

<TooltipsAppearance Color="White" DataFormatString="{1:C0}"></TooltipsAppearance>

</telerik:ScatterLineSeries>

</Series>

<Series>

<telerik:ScatterLineSeries DataFieldX="Day" DataFieldY="RunningTotalAmount" Name="Shipments">

<LineAppearance LineStyle="Smooth" Width="3" />

<LabelsAppearance Visible="false"></LabelsAppearance>

<Appearance>

<FillStyle BackgroundColor="Red" />

</Appearance>

<MarkersAppearance MarkersType="Circle" Size="8" />

<TooltipsAppearance Color="White" DataFormatString="{1:C0}"></TooltipsAppearance>

</telerik:ScatterLineSeries>

</Series>

4 Answers, 1 is accepted

answered on 26 Jan 2016, 11:50 AM

Hello,

Please ignore my previous post. This is actually an issue with the control - when the MinValue property is defined for an empty or data-bound x-axis with line/area series, a JavaScript error is thrown. The issue has been logged here (http://feedback.telerik.com/Project/108/Feedback/Details/181171), so that you can monitor, comment and vote on it.

I have also updated your Telerik points for helping us improve the quality of our Telerik UI for ASP.NET AJAX suite.

Regards,
Danail Vasilev
Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items