Annotations on a Chart with a DateTime axis

[Daniel]

I've been attempting to apply some simple annotations to a simple Date Time chart.

I've attached an example of my attempt.

Here's a snippet for the chart config on my view page:

<ejs-chart id="mainContainer" title="Title of the Chart" width="100%" height="100%">

    <e-chart-tooltipsettings enable="true" format="">

    </e-chart-tooltipsettings>

    <e-chart-primaryxaxis valueType="DateTime" 

                          labelFormat="haa" 

                          [email protected]

                          interval=1

                          edgeLabelPlacement="Shift">

        <e-majorgridlines width="0"></e-majorgridlines>

    </e-chart-primaryxaxis>

    <e-chart-primaryyaxis labelFormat="{value} 'C"

                          rangePadding="None"

                          minimum=0

                          maximum=200

                          interval=50>

        <e-linestyle width="0"></e-linestyle>

        <e-majorticklines width="0"></e-majorticklines>

    </e-chart-primaryyaxis>

    <e-chart-chartarea>

        <e-chartarea-border width="0"></e-chartarea-border>

    </e-chart-chartarea>

    <e-series-collection>

        <e-series dataSource="@ViewBag.TestData" name="Test Data" xName="dateTime" width="2" opacity="1" yName="value" type="@Syncfusion.EJ2.Charts.ChartSeriesType.Line">

            <e-series-marker visible="true" height="3" width="3"></e-series-marker>

        </e-series>

    </e-series-collection>

    <e-chart-annotations>

        @foreach (ChartData chartData in ViewBag.TestData)

        {

            string captionString = "Howdy";

            <e-chart-annotation CoordinateUnits="@Syncfusion.EJ2.Charts.Units.Point" VerticalAlignment='@Syncfusion.EJ2.Charts.Position.Top' region="Chart" [email protected] [email protected] content='<div style="border: 1px solid black;background-color:#f5f5f5; padding: 5px 5px 5px 5px">@captionString</div>'></e-chart-annotation>

        }

    </e-chart-annotations>

</ejs-chart>

Perhaps it should be noted that I am attempting to use DateTimeOffsets rather than DateTime's in this, will that be a problem?

I'd be grateful for any help,

Daniel

Attachment: DateTimeAxisAnnotationSample_de2387c2.zip

[Srihari Muthukaruppan]

Hi Daniel, 

  

We would like to let you know that we are able to reproduce the reported scenario. We have also logged a defect report on this. You can keep track of the bug from the feedback portal below.  

  

Feedback Link: https://www.syncfusion.com/feedback/15111/ 

  

The fix will be available in our volume 2 release which is scheduled to be rolled out by end of June 2020. We appreciate your patience until then. 

  

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.  

  

Thanks,  

Srihari. 

[Srihari Muthukaruppan]

Hi Daniel, 

 

Sorry for the inconvenience. 

  

Due to some technical difficulties, we couldn't include this in our volume 2 release. We will include the fix in our weekly patch release which is expected to be rolled out on or before July 14, 2020. We appreciate your patience until then. 

  

Regards, 

Srihari M 

[Baby Palanidurai]

Hi Daniel, 

Thanks for your patience. 

We have resolved the reported issue and included in our latest weekly release version 18.2.45. Kindly upgrade your version to resolve the this reported issue.  

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/annotation101447007 

Kindly revert us, if you have any concerns. 

Regards, 

Baby. 

[Daniel]

Hello again, thanks for the response and bug patch. I appreciate it!

Unfortunately I've still been unable to plot annotations on a time series chart, even after updating my syncfusion version.

I downloaded the sample Baby linked (https://www.syncfusion.com/downloads/support/directtrac/general/ze/annotation101447007) and the problem is consistent there too.

The following error appears in the console of all of the browsers I've tried.

Many thanks in advance,

Daniel

[Srihari Muthukaruppan]

Hi Daniel, 

  

Sorry for the inconvenience. 

  

We have analysed your query. From that, we suspect the reported scenario occurs due to the time format used in the system. We are able to reproduce the reported scenario while using the “dd/MM/YYYY” format. Hence as of now we suggest you to use “YYYY/MM/dd” or “MM/dd/YYYY” to overcome the reported scenario. We have also attached the screenshot for your reference. Since we are validating the cause of your reported scenario, therefore we need additional time to validate it further and will update the status in 2 business days (August 18, 2020). We appreciate your valuable patience until then. 

Screenshot: 

 

  

Regards,
Srihari 

[Srihari Muthukaruppan]

Hi Daniel, 

We have further evaluated the root cause of the reported problem of the annotation not rendering for dateTimeAxis in the ”dd/MM/YYYY” format. Therefore, based on the console error, we confirm it as a bug and logged a defect report. You can keep track of the bug from the feedback portal below. 

  

Feedback Link: https://www.syncfusion.com/feedback/17088/datetime-axis-doesnot-support-for-dd-mm-yyyy-format  

  

The fix will be available in our upcoming weekly patch release which is scheduled to be rolled out on or before August 25th, 2020. 

  

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.  

  

Thanks,  

Srihari. 

[Srihari Muthukaruppan]

Hi Daniel, 

 

Sorry for the inconvenience. 

 

We have fixed the reported issue. Since it's in the testing stage, we are unable to include this fix in this weekly patch release. So we will consider this issue in our upcoming weekly patch release which is expected to be rolled out on or before September 1 2020. We appreciate your patience until then. 

 

Regards, 

Srihari M 

[Srihari Muthukaruppan]

Hi Daniel, 

  

Thanks for your patience. 

 

We are glad to announce that our v18.2.56 patch release is rolled out, we have added the fix for the reported scenario. And you can use the latest (18.2.56) version and updated interop CDN file to get rid of the reported issue. 

  

Release Notes: https://blazor.syncfusion.com/documentation/release-notes/18.2.56/?type=all 

 

CDN Link: https://cdn.syncfusion.com/ej2/18.2.56/dist/ej2.min.js 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/annotation101447007 

  

We appreciate your patience in waiting for this release. Kindly let us know if you need further assistance. 

 

Regards, 

Srihari