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.
Demonstrates how to create a JavaScript Chart with multiple X,Y axis using SciChart.js, High Performance JavaScript Charts
Demonstrates a line chart with four series and multiple top / bottom X-Axis and left / right Y-Axis. SciChart supports multiple top or bottom X-Axes and multiple left and right Y-Axes. This example shows in a simple way how to register a line series on each axis.
Tips
Try dragging an axis or the chart to zoom and pan around. Double clicking the chart resets the zoom!
Documentation Links
MultipleXAxes/index.tsx
View source codeJavaScript Chart Examples
2D Charts
Animation API
Axis Label Customization
Chart Annotations
Chart Axis APIs
Chart Legends
Create Stock Charts
JavaScript Chart Types
- JavaScript Line Chart
- JavaScript Spline Line Chart
- JavaScript Digital Line Chart
- JavaScript Band Chart
- JavaScript Spline Band Chart
- JavaScript Digital Band Chart
- JavaScript Bubble Chart
- JavaScript Candlestick Chart
- JavaScript Column Chart
- JavaScript Error Bars Chart
- JavaScript Impulse Chart
- JavaScript Fan Chart
- JavaScript Heatmap Chart – Spectrogram
- JavaScript Heatmap Chart With Contours
- JavaScript Mountain / Area Chart
- Javascript Spline Mountain / Area Chart
- JavaScript Digital Mountain / Area Chart
- JavaScript Realtime Mountain / Area Chart
- JavaScript Scatter Chart
- JavaScript Stacked Column Chart
- JavaScript Stacked Column Side by Side Chart
- JavaScript Stacked Mountain Chart
- JavaScript Pie Chart
- JavaScript Donut Chart
- JavaScript Chart Drag Horizontal Threshold
- JavaScript Non-Uniform Heatmap Chart
- JavaScript Text / Word Cloud Chart
- Quadrant chart using Background Annotations
Styling and Theming
Tooltips and Hit-Test
Transforming Data with Filters
Zoom and Pan a Chart
3D Charts
Javascript 3D Chart Types
Featured Apps
Automotive JavaScript Charts
- JavaScript Line Chart
- JavaScript Spline Line Chart
- JavaScript Digital Line Chart
- JavaScript Band Chart
- JavaScript Spline Band Chart
- JavaScript Digital Band Chart
- JavaScript Bubble Chart
- JavaScript Candlestick Chart
- JavaScript Column Chart
- JavaScript Error Bars Chart
- JavaScript Impulse Chart
- JavaScript Fan Chart
- JavaScript Heatmap Chart With Contours
- JavaScript Mountain / Area Chart
- JavaScript Realtime Mountain / Area Chart
- JavaScript Scatter Chart
- JavaScript Stacked Column Chart
- JavaScript Stacked Column Side by Side Chart
- JavaScript Stacked Mountain Chart
- JavaScript Pie Chart
- JavaScript Donut Chart
Digital JavaScript Charts
Financial JavaScript Charts
Interactive JavaScript Charts
JavaScript Performance Demos
Medical JavaScript Charts
Realtime JavaScript Charts
Scientific JavaScript Charts
Stacked JavaScript Charts
What's New
Animation API
Axis Label Customization
Builder API
New Chart Types
Styling and Theming
Tooltips and Hit-Test
Transforming Data With Filters
Zoom and Pan a Chart