I am on latest Angular 12 (12.2.9) and IG (12.2.5).
There is an example of a Composite/Combo Chart, but with no access to how the example was accomplished. I have downloaded the complete examples package and there are no charts at all. There is no example code listed on the Composite/Combo Chart page, either.
Please provide a sample that demonstrates combining a stacked Area Chart and a stacked Line Chart:
Example: Lego kit sales projections
In Q4'21 Projections, Lego Star Wars Vehicle AT-AT might have 5,446 sales for 03/22 and in Q1'23 Projections, it might have 4,885. I would expect to see a Line segment between the 4,750 and 5,000 points and an Area filled just under the 5,500 point in the same color.
Also, I would love to be able to see the product name (ex: AT-AT) in the region of the shaded area fragment.
Hello Chris,
If your data population is dependent on another property – in this case “parameterData” – I would consider hooking up some @Input changes as described here: https://ultimatecourses.com/blog/detect-input-property-changes-ngonchanges-setters.
Another option in this case is that assuming you know exactly when your parameterData object is getting set, you should be able to call into your populateChart method at that point?
Please let me know if you have any other questions or concerns on this matter.
Ok, I see the issue, as I'm working through building a model. You are building the data set in ngOnInit and I can't do that.
I need a way for the grid to kick off `populateChart` when `this.parameterData` is defined and is not an empty array.
I haven't re-integrated the `igx-callout-layer` logic yet as this piece is a bit more important to me.
6663.4530.DynamicStackedChart.zip
Thank you for your update on this matter. I will continue to monitor this thread while I await a sample from your end.
Yes, I'll work on that and get you an example as soon as I am able.
The tabs are showing up, but I am unable to navigate into the "chart" tab at all.
Thank you for suggesting the new product idea for grouping categories. If it is putting a year for each data point, keep in mind that you can have blank labels for certain data points either by using the formatLabel function or just having an empty string for certain data points.
Regarding the output that you are receiving, you mentioned that “you aren’t getting anything” with your implementation. Are the tabs that are supposed to show the igx-data-chart showing up in this case at least? That is, is the “#compNav” igx-tabs control showing up for you? If that is showing up, but the chart isn’t, I have to wonder if this could be related to your underlying data, as everything else seems like it should work in this case.
Would it be possible for you to modify the sample project I sent you such that it reproduces the behavior you are seeing and send it back? Alternatively, if you have an isolated sample project of your own that reproduces the behavior you are seeing, would it be possible for you to please attach that instead?