2016.1.113.40 LineSeries Issue

5 posts, 0 answers
  1. RBarnes
    RBarnes avatar
    46 posts
    Member since:
    Oct 2012

    Posted 25 Jan Link to this post

    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>
     

     

     

     

     

  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 26 Jan Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 26 Jan Link to this post

    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
  5. RBarnes
    RBarnes avatar
    46 posts
    Member since:
    Oct 2012

    Posted 27 Jan in reply to Danail Vasilev Link to this post

    Thanks for the Update Danail
  6. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 11 Feb Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017