Hi Aparna,
Greetings from Syncfusion,
We have analyzed your query. Please find the below response for your queries.
Query 1: How to customize the area borders to be dashed lines?
Your requirement can be achieved by using stripline with dashArray options. For more information about axis stripline, kindly find the below documentation link,
Please find the below code snippet to achieve this requirement,
|
public primaryYAxis: Object = {
stripLines:[
{ start: 50, size: 2, sizeType: 'Pixel', dashArray:"10,5", color: "red"},
{ start: 80, size: 2, sizeType: 'Pixel', dashArray:"10,5", color: "red"}
]
}; |
Screenshot:
Sample for your reference, can be found from below link,
Query 2: Also, the high and low values has be on the datasource (chartData here) inorder for the range area to work. I want the high and low values to be read dynamically from my component instead of from the datasource. Is that possible?
Only the fields from the dataSource can be bind to the high and low properties in the series. If you want to bind some other values, you can change the dataSource of the chart with this value dynamically.
Kindly revert us, if you have any concerns.
Regards,
Baby.
