SciChart.js
v^3.4.659SciChart.js Demo
React Chart with Static X Axis is part of the SciChart.js demo app. To clone the repo for this demo, visit SciChart's Github. For getting-started & docs, see above! Open in CodeSandBox
React Chart with Static X Axis
Demonstrates a realtime React static axis chart - where the ticks and gridlines are fixed, but the labels change.
With SciChart.js High Performance JavaScript Charts you can achieve this simply by setting isStaticAxis property to true on the X axis.
Primary Axis:
Featured Apps
Performance Demos & Showcases
Realtime React Chart Performance DemoLoad 500 Series x 500 Points Performance DemoLoad 1 Million Points Performance DemoRealtime Ghosted TracesRealtime Audio Analyzer DemoOil & Gas Explorer React DashboardClient/Server Websocket Data StreamingServer Traffic DashboardRich Interactions ShowcaseDynamic Layout ShowcaseDragabble Event MarkersReact Population Pyramid
Scientific & Medical Charts
Financial Charts
2D Charts
JavaScript Chart Types
React Line ChartReact Spline Line ChartReact Digital Line ChartReact Band ChartReact Spline Band ChartReact Digital Band ChartReact Bubble ChartReact Candlestick ChartReact Column ChartReact Population PyramidReact Error Bars ChartReact Impulse ChartReact Text ChartReact Fan ChartReact Heatmap ChartReact Non Uniform Heatmap ChartReact Heatmap Chart With ContoursReact Mountain ChartReact Spline Mountain ChartReact Digital Mountain ChartReact Realtime Mountain ChartReact Scatter ChartReact Stacked Column ChartReact Stacked Column Side by SideReact Stacked Mountain ChartReact Smooth Stacked Mountain ChartReact Pie ChartReact Donut ChartReact Quadrant Chart using Background Annotations
Chart Annotations
Chart Legends
Chart Axis APIs
Axis Label Customization
Styling and Theming
Tooltips and Hit-Test
Zoom and Pan a Chart
Transforming Data with Filters
Animation API
Builder (JSON / JS Objects) API
3D Charts
Quick Links
Useful Links
SciChart Ltd, 16 Beaufort Court, Admirals Way, Docklands, London, E14 9XL.