RadHTMLChart LineSeries Display Gap

4 posts, 0 answers
  1. Jannis
    Jannis avatar
    9 posts
    Member since:
    May 2013

    Posted 18 Dec 2013 Link to this post

    Hi,

    is it possible that displaying gaps is not working any more for the new release Q3 2013?
    I took the example you provided under
    http://www.telerik.com/help/aspnet-ajax/htmlchart-types-scatterline-chart.html and
    http://www.telerik.com/help/aspnet-ajax/htmlchart-types-line-chart.html

    and for me it is not working.
    The gaps are not visible but instead the line is interpolated.
    Always giving me the attached result.

    My Code:
    <asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlace" runat="server">
        <telerik:RadScriptManager ID="TrsmScriptManager" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        </telerik:RadAjaxManager>
        <h1>
            Testing</h1>
        <telerik:RadHtmlChart runat="server" ID="ScatterLineChart1" Transitions="true">
            <PlotArea>
                <Series>
                    <telerik:ScatterLineSeries Name="0.8C" MissingValues="Gap">
                        <LabelsAppearance DataFormatString="{1}% in {0} minutes" Position="Below" />
                        <MarkersAppearance MarkersType="Circle" />
                        <SeriesItems>
                            <telerik:ScatterSeriesItem X="10" Y="10" />
                            <telerik:ScatterSeriesItem X="15" Y="20" />
                            <telerik:ScatterSeriesItem />
                            <telerik:ScatterSeriesItem X="32" Y="40" />
                            <telerik:ScatterSeriesItem X="43" Y="50" />
                            <telerik:ScatterSeriesItem X="55" Y="60" />
                            <telerik:ScatterSeriesItem X="60" Y="70" />
                        </SeriesItems>
                    </telerik:ScatterLineSeries>
                    <telerik:ScatterLineSeries Name="1.6C">
                        <LabelsAppearance DataFormatString="{1}% in {0} minutes" Position="Below" />
                        <MarkersAppearance MarkersType="Square" />
                        <SeriesItems>
                            <telerik:ScatterSeriesItem X="10" Y="40" />
                            <telerik:ScatterSeriesItem X="17" Y="50" />
                            <telerik:ScatterSeriesItem X="18" Y="70" />
                            <telerik:ScatterSeriesItem X="35" Y="90" />
                            <telerik:ScatterSeriesItem X="47" Y="95" />
                            <telerik:ScatterSeriesItem X="60" Y="100" />
                        </SeriesItems>
                    </telerik:ScatterLineSeries>
                </Series>
                <XAxis AxisCrossingValue="0" Color="Black" MajorTickType="Outside" MinorTickType="Outside"
                    Reversed="false" MinValue="0" MaxValue="90" Step="10">
                    <LabelsAppearance DataFormatString="{0}m" RotationAngle="0" />
                    <MajorGridLines Color="#EFEFEF" Width="1" />
                    <MinorGridLines Color="#F7F7F7" Width="1" />
                    <TitleAppearance Position="Center" RotationAngle="0" Text="Time" />
                </XAxis>
                <YAxis AxisCrossingValue="0" Color="Black" MajorTickSize="1" MajorTickType="Outside"
                    MaxValue="100" MinorTickSize="1" MinorTickType="Outside" MinValue="0" Reversed="false"
                    Step="20">
                    <LabelsAppearance DataFormatString="{0}%" RotationAngle="0" />
                    <MajorGridLines Color="#EFEFEF" Width="1" />
                    <MinorGridLines Color="#F7F7F7" Width="1" />
                    <TitleAppearance Position="Center" RotationAngle="0" Text="Charge" />
                </YAxis>
            </PlotArea>
            <ChartTitle Text="Charge current vs. charge time">
            </ChartTitle>
            <Legend>
                <Appearance Position="Bottom" />
            </Legend>
        </telerik:RadHtmlChart>
    </asp:Content>

    What do i do wrong?
  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1502 posts

    Posted 20 Dec 2013 Link to this post

    Hi,

    Currently there is an issue with the MissingValues property of the series when it is set to "Gap". The issue has already been logged in our feedback portal here and you can monitor, comment or raise its priority by voting on it. For the time being you can use the workaround provided in the feedback item.

    Regards,
    Danail Vasilev
    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. dan
    dan avatar
    6 posts
    Member since:
    Jul 2017

    Posted 12 Oct in reply to Danail Vasilev Link to this post

    It looks like this bug either never got fixed or has returned.  I am setting MissingValues="Gap" on a linechart and I am seeing all missing values drawn at zero.  Is there a true fix planned or must we use this workaround still?

     

     

  4. Vessy
    Admin
    Vessy avatar
    1664 posts

    Posted 16 Oct Link to this post

    Hi Dan,

    The bug discussed in this thread is fixed and fix of the issue was included in Q1 2014 release. If you are reproducing the issue in a later release, please, send us the exact configuration leading to the problem so we can examine it and advice you further on this matter.

    Kind regards,
    Vessy
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top