StripLine text customization.

[Muhammad Ummar Iqbal]

Hi, 

I've recently been using a Stripline within the chart component to highlight an X-axis value of interest within the graph as shown by the line labelled test in the attached image.

I wanted to ask whether it was possible to customize the text property for the Stripline in terms of its position and orientation within the graph as I have not been able to find any references for doing so in the documentation.

Regards,

Muhammad Ummar Iqbal

Attachment: Capture_1b6804d4.rar

[Durga Gopalakrishnan]

Hi Muhammad,

We have documented strip line customization in angular UG. Please check with below links.

Online Demo : https://ej2.syncfusion.com/angular/demos/#/material/chart/strip-line

UG Link : https://ej2.syncfusion.com/angular/documentation/chart/strip-line/#customize-the-stripline-text

Please revert us if you have any concerns.

Regards,

Durga G

[Muhammad Ummar Iqbal]

Hi Durga Gopalakrishnan, 

Thank you for the prompt response. 

I have another question which relates to the use of Striplines to annotate a specific point of interest on an axis in a chart. 

I am currently using a stripline to mark a specific point on the graph, but I want to be able to update the position of the stripline dynamically in relation to changes in the data being received, however I have not been able to find a way to do so successfully. 

The current strategy I am using involves the use of a function that returns a new X axis object (with the relevant stripline position) given a new set of data, but equating this returned axis object to the primaryXaxis variable used by the chart does not seem to update the axis or the position of the stripline in accordance with the new returned object and its values. 

Any ideas on how it might be possible to achieve this goal?

Regards,

Muhammad Ummar Iqbal.

[Durga Gopalakrishnan]

Hi Muhammad,

We are validating your reported scenario. We will update the details within one business day(21st January 2021). We appreciate your patience until then.

Regards,

Durga G

[Durga Gopalakrishnan]

Hi Muhammad,

Thanks for being patience. We have updated the chart data and striplines based on provided data using button click. You can either add data to an existing data source or you can provide a new data based on your convenience. Based on provided value, please change the striplines also and finally call chart refresh method to update the changes.

Sample : https://stackblitz.com/edit/angular-k2nwun

Please revert us if you have any concerns.

Regards,

Durga G