JavaScript Chart - Examples
SciChart.js ships with over 80 JavaScript Chart demos which you can browse, view the source code and see related documentation. Build incredible complex dashboards with SciChart.js, our High Performance JavaScript Chart Library.
Build a JavaScript Stacked Mountain Chart using SciChart’s powerful JavaScript Charts and their range of features.
Stacked Mountain Charts can be created in JavaScript using SciChart.js. A mountain or area is rendered from the Y-value of each stacked mountain series to the Y-value of the next. Each area can have a different color, and with our library, you can stack to 100%.
These can be easily created with a combination of the StackedMountainRenderableSeries and StackedMountainCollection types.
Tips
By setting the stroke property, you alter the line color, and fill alters the fill. The Mountain-series also supports semi-transparent and linear gradient brush fills and looks great!
Documentation Links
- SciChart.js User Manual
- SciChart.js Tutorials
- JavaScript Stacked Mountain Chart Documentation
- Common RenderableSeries Properties
Get started with creating JavaScript stacked mountain charts
SciChart.js is an award-winning software that can power all your JavaScript charts – including those that require large data sets and custom colors. Sign up to make more of an impact with your visual data presentations. No credit card is required.
See the SciChart.js Getting Started guide to:
- Start for free with our community edition.
- View our step-by-step code samples for creating JavaScript charts with NPM and Webpack.
- Compile our examples app to get access to more than 80 chart examples.
- Build your first charting app with our easy-to-follow tutorials.
To start creating your JavaScript stacked chart, see our documentation.
Case Uses & Industries
JavaScript Stacked Mountain Charts can be applied to any sector or industry that wants to categorise and compare data over a period of time. With SciChart.js, you can present data in a way that’s more accessible and engaging for the user.
Why Use SciChart JavaScript Chart Library?
SciChart.js provides a feature-rich, fast and interactive JavaScript charting experience with an impressive selection of chart types and customisable features. The JavaScript Charting Library is the newest edition to our portfolio, bringing high-performance, realtime charts to web browsers and JavaScript applications.
- Supports millions of data points
- Fast rendering for real-time data feeds
- Easily create custom color maps
- Winner of the Queen’s Award for Innovation
- 5-star rated support for developers
Frequently Asked Questions
Can I create a 100% stacked mountain chart?
Yes! With SciChart.js we support 100% stacked mountain charts which can be enabled by setting a single flag: StackedMountainCollection.isOneHundredPercent.
How many developers can use the licence?
Each licence is designed for one developer.
Are your boilerplates compatible with the frameworks we use?
We offer boilerplates for the most popular frameworks, including Angular, Vue, Blazor, React, Electron and Next.js. If you need any advice or support, contact our team.