Pre loader

JavaScript Realtime Mountain / Area Chart

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.

Getting Started

This example demonstrates how create a JavaScript Mountain or Area Chart with animated realtime updates using SciChart.js, our High Performance JavaScript Charts.

This variation on Mountain or Area charts in SciChart.js uses dynamic updates to show how easy it is to achieve animated realtime charts with our library.

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!.

RealTimeMountainChart/index.tsx
View source code
Back to JavaScript Chart Examples

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New