Arrow to marker of last series point

[Steffen Harbich]

Hello,

my chart is a line chart that shows temporal events: events have 2 coordinates x and y and a date when it happened. There is a starting point (oldest event), some points between and an end point (last point of data source = latest event).

Is it possible to show an arrow pointing to that end point? This would be nice to indicate the temporal direction.

Have a nice day,

Steffen

[Srihari Muthukaruppan]

Hi Steffen, 

 

We have analysed your query. From that, we would like to let you know that we can achieve your requirement by using the "annotation" property in the chart. Based on your requirement we have prepared a sample for your reference. Please find the below sample, code snippet, and screenshot. 

   

Sample: https://stackblitz.com/edit/react-8uki3r?file=index.js 

 

Code Snippet:  

Index.js:
 // add your additional code here  

<ChartComponent id='charts' style={{ textAlign: "center" }} ref={charts => this.chartInstance = charts} >  

          // add your additional code here  

                        <Inject services={[SplineSeries, Legend, Category, Tooltip, ChartAnnotation]}/> 

                        <AnnotationsDirective> 

                            <AnnotationDirective content='<div id="chart_cloud1"><img src="https://image.freepik.com/free-icon/arrow-down-thick_318-8335.jpg" width="41" height="41" /></div>' x='Sat' y={10} coordinateUnits='Point' verticalAlignment='Top'> 

                            </AnnotationDirective> 

                        </AnnotationsDirective> 

                        <SeriesCollectionDirective> 

// add your additional code here  

                            </SeriesDirective> 

                        </SeriesCollectionDirective> 

                    </ChartComponent> 

   

Screenshot:  

   

 

Let us know if you have any concerns.  

   

Regards,
Srihari  

[Steffen Harbich]

I'm sorry, I think I wasn't clear regarding my requirement.

The arrow must be placed on the series line and it must point to the last series point. See my example I have drawn in power point:

The black min temp series ends with an arrow. Is this possible?

[Srihari Muthukaruppan]

Hi Steffen, 

 

We have analysed your query. From that, we would like to let you know that as of now we do not have support to provide arrow to denote the last point of series, we have considered this scenario as a feature request and you can keep track of it from the below feedback portal link.    

 

Feedback Link: https://www.syncfusion.com/feedback/18731/arrow-to-mark-the-last-point-of-the-series 

 

This feature will be included in any of our upcoming release and 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. 

 

Please let us know, if you need any further assistance on this. 

 

Regards, 

Srihari M