Hello Muhammad,

I am under the impression that by the “inclined line,” you mean that the line is not horizontal in this case. I am unsure what you mean by “in case points are less” though. Do you mean if they are smaller values, or perhaps less of them?

If my impression about the inclined line is correct, then the reason this is incorrect in your case is because your ctx.lineTo code is only drawing a horizontal line. Unfortunately, there is nothing on the DataTemplateRenderInfo that will tell you what the angle is to the next point, though. This would need to be calculated by you by getting the next point in your data source and calculating the slope, and draw your line according to the angle rather than just adding to the x-value, as this will draw a horizontal line.

If by “in case points are less,” you mean that you have less points in the data source – you will need to add additional points, as we do not have a built-in way to achieve a dashed line in the IgxDataChart, and the marker template will only fire for data points in the chart that have markers drawn for them.

Hello Muhammad,

As mentioned above, if the line is not straight, you will need to calculate the angle that you want to draw your dash at. Currently, your ctx.lineTo code is only creating a horizontal line, but unfortunately there is nothing on the DataTemplateRenderInfo that will tell you what the angle is to the next point. You would need to calculate this based on the index of your current data item to the next one’s value.