React Chart Type of Axes

The demo shows how to configure the ArgumentScale and ValueScale plugins to implement custom axis types.

Material-UI Light

Preview
Source

Developing a React App? Check out our updated React UI Suite instead.

If you are considering React for an upcoming software project or have used DevExtreme Reactive components in the past, please visit js.devexpress.com/React

import * as React from 'react';

OVERVIEW

Grid

Integrated Data Shaping
Data Editing
Virtual Scrolling
Redux Integration
Remote Data
Tree Data
Chart Integration

Chart

Demos

Overview

Area Chart

Simple Area
Spline Area
Stacked Area
Full-Stacked Area
Step Area
Streamgraph

Bar Chart

Simple Bar
Side-By-Side Bars
Side-By-Side Stacked Bars
Stacked Bar
Full-Stacked Bar
Component Customization
Series Interaction
Rotated Bar

Line Chart

Simple Line
Spline
Step Line
Step Line With Gaps
Axes Type Customization

Point Chart

Scatter Series

Pie Chart

Pie Chart
Doughnut Chart

Combination

Multiple Axes

More Features

Export
Zoom and Pan

Scheduler

Overview
Integrated Data Shaping
Data Editing
Appearance Customization
Remote Data
Redux Integration

Blog GitHub Buy

Why We Use Cookies

This site uses cookies to make your browsing experience more convenient and personal. Cookies store useful information on your computer to help us improve the efficiency and relevance of our site for you. In some cases, they are essential to making the site work properly. By accessing this site, you consent to the use of cookies. For more information, refer to DevExpress’ privacy policy and cookie policy.