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

RadHTMLChart LineSeries Display Gap

3 Answers 158 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Jannis
Top achievements
Rank 1
Jannis asked on 18 Dec 2013, 01:10 PM
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?

3 Answers, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 20 Dec 2013, 04:44 PM
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.
0
dan
Top achievements
Rank 1
answered on 13 Oct 2017, 03:20 AM

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?

 

 

0
Vessy
Telerik team
answered on 16 Oct 2017, 11:21 AM
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.
Tags
Chart (HTML5)
Asked by
Jannis
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
dan
Top achievements
Rank 1
Vessy
Telerik team
Share this question
or