We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
  1. Home
  2. Forum
  3. ASP.NET Web Forms
  4. Missing Line Segment in Contiguous Line Chart Data

Missing Line Segment in Contiguous Line Chart Data

Hello!

I have a line chart with 5 series' and 4 data points for each series.  For some reason, there is a missing line segment from the first data point (in all series') to the second.  See attached screenshot for the problem.

Any thoughts as to why this is occurring?

The chart is defined as:

                <ej:Chart ID="chrtActualsByCategoryLine" runat="server" Text="" Width="900" Height="400" CanResize="true" OnClientLoad="loadTheme" >
                    <PrimaryXAxis Title-Text="Date" />
                    <PrimaryYAxis LabelFormat="{value}" RangePadding="Round" Title-Text="Hours"/>
                    <CommonSeriesOptions Type="Line" /><Series/>
                    <Legend Visible="true"></Legend>
                </ej:Chart>
               

The datasource XML is:

<?xml version='1.0' encoding='utf-8' ?>
<chartxml>
    <data date='02/23' value1='0' value2='0' value3='0' value4='0' value5='0' />
    <data date='03/02' value1='0' value2='0' value3='0' value4='0' value5='0' />
    <data date='03/09' value1='0' value2='0' value3='0' value4='0' value5='0' />
    <data date='03/16' value1='2.00' value2='5.30' value3='2.00' value4='2.00' value5='6.80' />
</chartxml>


And the datasource is being loaded with:

                System.Data.DataSet data = new System.Data.DataSet();
                data.ReadXml(new System.IO.StringReader( "XML DATA GOES HERE" ));
                objChart.DataSource = data;
                objChart.DataBind();



Attachment: ChartIssueImage_daf2547b.zip

7 Replies
PR Praveen Syncfusion Team June 18, 2015 11:53 AM UTC

Hi Mark,

Sorry for the Inconvenience caused.

We have analyzed the reported issue with our sample; we are not able to reproduce the reported issue. So, kindly check this issue again in your side. If you still face any issue, revert back us the sample and replication steps to reproduce the reported issue. We would like to know following details. So, that we can work further and provide a solution.

Could you please let us know the version of the Essential studio you are using now?

Please let us know if you need any clarification.

Thanks,
Praveenkumar


MW Mark Wise June 18, 2015 04:37 PM UTC

Thank you for the quick response!

The scripts we are using indicate version: 12.2.0.36
The ddls we are using indicate version: 12.2451.0.36

I double-checked the issue and it still occurs even in a streamlined version.  Here are the steps to reproduce:

IN MARKUP
        <ej:Chart ID="Chart1" runat="server" >
            <PrimaryXAxis Title-Text="Date" />
            <PrimaryYAxis Title-Text="Hours"/>
            <CommonSeriesOptions Type="Line" /><Series/>
            <Legend Visible="true"></Legend>
        </ej:Chart>

We're referencing the following scripts:
    <link rel='nofollow' href="/Styles/ej.web.all.min.css" rel="stylesheet"/>
    <script src="/Scripts/jquery-1.10.2.min.js"></script>
    <script src="/Scripts/jquery.easing-1.3.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.globalize.min.js" type="text/javascript"></script>
    <script src="/Scripts/jsrender.min.js" type="text/javascript"></script>
    <script src="/Scripts/ej.web.all.min.js"></script>
    <script src="/Scripts/ej.webform.min.js"></script>


IN CODEBEHIND
            Chart1.CommonSeriesOptions.DoughnutSize = 0.2;
            Chart1.CommonSeriesOptions.Tooltip.Visible = true;
            Chart1.CommonSeriesOptions.Marker.Size.Height = 10;
            Chart1.CommonSeriesOptions.Marker.Size.Width = 10;
            Chart1.CommonSeriesOptions.Marker.Border.Width = 2;
            Chart1.CommonSeriesOptions.Marker.Visible = true;
            Chart1.CommonSeriesOptions.EnableAnimation = true;
            Chart1.PrimaryYAxis.Range.Min = -1;
            Chart1.PrimaryYAxis.Range.Max = 8;
            Chart1.PrimaryYAxis.Range.Interval = 1;

            Chart1.Series.Add(new Syncfusion.JavaScript.DataVisualization.Models.Series()
            {
                Name = "Shop Drawings",
                XName = "Date",
                YName = "Value1"
            });
            Chart1.Series.Add(new Syncfusion.JavaScript.DataVisualization.Models.Series()
            {
                Name = "Checking",
                XName = "Date",
                YName = "Value2"
            });
            Chart1.Series.Add(new Syncfusion.JavaScript.DataVisualization.Models.Series()
            {
                Name = "Engineering",
                XName = "Date",
                YName = "Value3"
            });
            Chart1.Series.Add(new Syncfusion.JavaScript.DataVisualization.Models.Series()
            {
                Name = "Admin",
                XName = "Date",
                YName = "Value4"
            });
            Chart1.Series.Add(new Syncfusion.JavaScript.DataVisualization.Models.Series()
            {
                Name = "Report",
                XName = "Date",
                YName = "Value5"
            });
            string strData = "<?xml version='1.0' encoding='utf-8' ?><ChartXml><Data Date='02/23' Value1='0' Value2='0' Value3='0' Value4='0' Value5='0' /><Data Date='03/02' Value1='0' Value2='0' Value3='0' Value4='0' Value5='0' /><Data Date='03/09' Value1='0' Value2='0' Value3='0' Value4='0' Value5='0' /><Data Date='03/16' Value1='2.00' Value2='5.30' Value3='2.00' Value4='2.00' Value5='6.80' /></ChartXml>";

            System.Data.DataSet data = new System.Data.DataSet();
            data.ReadXml(new System.IO.StringReader(strData));

            this.Chart1.DataSource = data;
            this.Chart1.DataBind();


PR Praveen Syncfusion Team June 19, 2015 11:48 AM UTC

Hi Mark,


We have analyzed the reported issue in your use case sample and we are able to reproduce the issue in 12.2 versions. But this issue is resolved in current 13.1 versions. So, can you please upgrade to the latest versions?

Please let us know if you need any clarification.

Thanks,

Praveenkumar


MW Mark Wise June 20, 2015 12:42 AM UTC

That worked like a charm, thanks!

However, I noticed that the "LabelFormat" property on the PrimayYAxis element no longer seems to allow for the formatting of currency values.

In the sample code below, if you change

 <PrimaryYAxis Title-Text="Hours"/>

to

 <PrimaryYAxis LabelFormat="c0" Title-Text="Dollars"/>

the value no longer formats as currency.  Has that feature changed, or been deprecated?   I need to be able to format data as:  "$#,000.00"

(We're now on version 13.1.0.21 of the libraries)

Regards,

Mark

PR Praveen Syncfusion Team June 22, 2015 10:04 AM UTC

Hi Mark,

Sorry for the Inconvenience caused.


We have analyzed your reported issue and we are able to reproduce the reported issue in 13.1 versions. But now we have fixed the reported issue in our upcoming volume release versions. It will be available in our upcoming 2015 Volume 2 release.


And also a support incident to track the status of this issue has been created under your account. Please log on to our support website to check for further updates.


Link: https://www.syncfusion.com/account/login?ReturnUrl=%2fsupport%2fdirecttrac%2fincidents



Please let us know if you need any clarification.

Thanks,

Praveenkumar


MW Mark Wise June 22, 2015 03:46 PM UTC

Tested and confirmed.  The fix you guys sent me works! 

Thanks a million!


PR Praveen Syncfusion Team June 23, 2015 08:39 AM UTC

Hi Mark,
Thanks for the update. Please let us know if you have further queries.

Thanks,
Praveenkumar

Loader.
Live Chat Icon For mobile
Up arrow icon