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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Missing Line Segment in Contiguous Line Chart Data

Thread ID:

Created:

Updated:

Platform:

Replies:

119418 Jun 17,2015 08:13 PM Jun 23,2015 04:39 AM ASP.NET Web Forms 7
loading
Tags: Chart
Mark Wise
Asked On June 17, 2015 08:13 PM

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

Praveen [Syncfusion]
Replied On June 18, 2015 07:53 AM

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


Mark Wise
Replied On June 18, 2015 12:37 PM

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();


Praveen [Syncfusion]
Replied On June 19, 2015 07:48 AM

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


Mark Wise
Replied On June 19, 2015 08:42 PM

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

Praveen [Syncfusion]
Replied On June 22, 2015 06:04 AM

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


Mark Wise
Replied On June 22, 2015 11:46 AM

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

Thanks a million!


Praveen [Syncfusion]
Replied On June 23, 2015 04:39 AM

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

Thanks,
Praveenkumar

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;