When data is less the chart get stretched
showing like this also the dotted lines plots using marker custom mapping is not ok please help for the ignite ui ?
need to show it something like this
Hello Muhammad,
I have been investigating into the behavior you are seeing, and I am under the impression that you are asking about the dashed line in this case? I am guessing that you are achieving this using NaN data points to create splits in your series, but I am unsure as you have mentioned that: “the dotted lines plots using marker custom mapping is not ok.” If you are achieving the dotted line a different way, please let me know, as I am unsure what you mean by this.
With the above said, the chart will show your line from left to right, and if my impression is correct that you are using NaN data points to create dashed lines, you likely need more points to create a more frequent dotted line in this case.The size of the line between your double.NaN points will be purely determined by how many data points you have versus the width of the chart at the moment.
It is also worth noting for consistency that at the time of writing this, a built-in capability for dotted and dashed lines in the IgxDataChart at the moment is an existing product idea, which it appears you have already commented and voted on: https://ko.infragistics.com/community/ideas/i/ignite-ui-for-angular/configurable-lines-in-line-chart-ie-dotted-dashed-instead-of-solid-line---angular.
Please let me know if you have any other questions or concerns on this matter.