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

2016.1.113.40 LineSeries Issue

4 Answers 95 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
RBarnes
Top achievements
Rank 1
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

Sort by
0
Danail Vasilev
Telerik team
answered on 26 Jan 2016, 09:54 AM
Hello,

The MinValue property is not available for category series and therefore should not be defined.

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
0
Danail Vasilev
Telerik team
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
0
RBarnes
Top achievements
Rank 1
answered on 27 Jan 2016, 03:21 PM
Thanks for the Update Danail
0
Danail Vasilev
Telerik team
answered on 11 Feb 2016, 12:52 PM
Hello,

The issue has been fixed, so that if everything is fine, the fix will be available for the upcoming Q1 2016 SP1 release, scheduled for the end of this month. For the time being you can use the workaround provided in the public item.

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
Tags
Chart (HTML5)
Asked by
RBarnes
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
RBarnes
Top achievements
Rank 1
Share this question
or