Hi Team,
I am using Financial/Stock charts and in one of the scenario I had to bind multiple time series data to the chart. The chart is rendered fine with multiple lines but the charts are not relative with the date on x axis.
For example there are 2 series and first series time range starts from May 1, 1985 and the second series starts from Jan 20, 1987 and for different lengths of time period for each of the series.
When the chart is rendered it is only taking series 1 date as x axis and plotting both series on same time line which is ok but the series 2 is also plotting from the same point which is wrong.
I looked at the samples provided with multiple lines but all of them are having same time line in the data.
For instance https://es.infragistics.com/products/ignite-ui-angular/angular/components/charts/types/stock-chart
Looking forward to the inputs.
Hi Michael,
Thanks for that!
Hello Rameez,
I created a private case, and at this time I don't have an immediate solution. You can access it after signing into your account on the Infragistics website, here: https://es.infragistics.com/my-account/support-activity
CAS-213908-B8Y8D5
Thanks for getting back! I understood what you have explained but in our case it is not just 2 time series on a single chart. We are developing a screen where the number of series on a chart will be dynamic and the data for each series will also be dynamic. Some of the series can have missing data at the start or middle or end.
So it will be very hard in our case to preprocess the data and add missing data points as you said.
Please check with the development team to see if they can provide a sample with dynamic data which might have multiple series and dynamic missing data.
Please note that we are using licenced version of ignite ui angular.
Please let me know if I have to raise a support request to get any further help with regards to this issue.
It has been determined that the Financial chart does not support this type of axis layout. You will need to pre-process all data sources by inserting data points with OHLC values equal to Number.NaN such that all data sources have the same number of data points and dates for each data source align with each other, e.g.
https://codesandbox.io/s/suspicious-ptolemy-wxjs7
You can suggest new product ideas for future versions (or vote for existing ones) at <https://es.infragistics.com/community/ideas>. Submitting your idea will allow you to communicate directly with our product management team, track the progress of your idea at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you. Remember when submitting your idea to explain the context in which a feature would be used and why it is needed as well as anything that would prevent you from accomplishing this today. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it.
Let me know if you have any questions.
Thank you for contacting Infragistics. I can reproduce the behavior with this samplehttps://codesandbox.io/s/suspicious-ptolemy-wxjs7?file=/src/app/multiple-data/financial-chart-multiple-data.component.html
But if you change the xAxisMode to "Time" the later series isn't rendered. So I am having this looked at with the development team to determine if this is a development issue.