Hi Team,
We’re exploring the use of SciChart for data visualization in our Angular application, primarily because of its superior performance.
We have a specific business requirement to create a stacked line chart. The design requires each stack to have its own Y-axis, while all stacks share a common X-axis. We’ve attached a design mockup of the chart we want to achieve.
Our main questions are:
Is this type of stacked chart with independent Y-axes feasible using the SciChart library?
If so, what’s the best approach to implement it?
We’re looking forward to your guidance on how to make this happen.
Thanks,
Viswanath.
- Viswanath Alikapalli asked 7 months ago
- last edited 7 months ago
- You must login to post comments
Hello,
Sure, this is feasible. Here is the relevant docuentation page.
BTW, try out using our AI Assistant to help finding the required info.
Instructions:
-
Use SciChart’s Vertically Stacked Axis Layout feature. This enables
you to stack multiple Y-axes vertically on either side of the chart. -
Assign individual line series to their respective Y-axes through the
yAxisId property for each LineRenderableSeries. Add a single X-axis for all series. - Customize the layout so each Y-axis has its
own vertical space without overlapping or horizontal stacking.
Best Regards,
Jim
- Jim Risen answered 7 months ago
- You must login to post comments
Please login first to submit.
