Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@patternfly/react-charts

patternfly83.4kMIT8.2.2TypeScript support: included

This library provides a set of React chart components for use with the PatternFly reference implementation.

react, patternfly

readme

PatternFly React

lerna PatternFly npm badge

This project provides a set of React components for the PatternFly project.

Community: PatternFly website | Slack | Medium | Mailing list

Table of contents

  1. PatternFly React packages
  2. Setup
  3. Contribution guidelines
  4. License

Using PatternFly 3? Take a look at the PatternFly 3 React component information.

PatternFly React packages

Package link Description
:blue_heart: Core packages
  @patternfly/react-core Core set of components
  @patternfly/react-table Table components
  @patternfly/react-charts Chart components
  @patternfly/react-icons Icon components
  @patternfly/react-styles PatternFly CSS styles
  @patternfly/react-tokens PatternFly CSS variable tokens
:yellow_heart: Extension packages
  @patternfly/react-log-viewer Virtualized log viewer component
  @patternfly/react-catalog-view-extension Catalog view extension
  @patternfly/react-topology Topology components
:open_file_folder: Supporting packages
  @patternfly/react-docs Gatsby documentation site for components
  @patternfly/react-integration Cypress integration tests
:x: Deprecated packages
  @patternfly/react-virtualized-extension Table and list row virtualization extension

Setup

Before you begin, check out this overview of PatternFly to get familiar with the basic elements of the design system.

Install a package manager

Install a package manager before using the PatternFly libraries.

Start with PatternFly React seed

If you want to start with your existing project, skip to Install and configure PatternFly React.

PatternFly React seed is an open source build scaffolding utility. It gives developers a jump-start when creating new projects that will use PatternFly.

  1. Fork the project

  2. Install the project

    Follow the steps outlined in the PatternFly React Seed README to install.

Install and configure PatternFly React

  • Using npm, run the following command to install:

    npm install @patternfly/react-core --save

    OR

  • Using yarn, run the following command to install:

    yarn add @patternfly/react-core

    Once the library is installed, use the specific setup instructions for that library to access the components it contains. These can be found in the readme for each library.

Contribution guidelines

All React contributors must first be PatternFly community contributors. If you're already a PatternFly community contributor, check out the React contribution guidelines to make React contributions.

License

PatternFly React is licensed under the MIT License.

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

8.2.2 (2025-04-23)

Note: Version bump only for package @patternfly/react-charts

8.2.1 (2025-04-17)

Note: Version bump only for package @patternfly/react-charts

8.2.1-prerelease.0 (2025-04-14)

Note: Version bump only for package @patternfly/react-charts

8.2.0 (2025-04-07)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.28 (2025-04-01)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.27 (2025-03-26)

Bug Fixes

8.2.0-prerelease.26 (2025-03-20)

Features

  • charts: Sankey and Line charts, based on Apache ECharts (#11616) (f2479b1)

8.2.0-prerelease.25 (2025-03-11)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.24 (2025-03-10)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.23 (2025-03-10)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.22 (2025-03-06)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.21 (2025-03-05)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.20 (2025-03-03)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.19 (2025-02-27)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.18 (2025-02-25)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.17 (2025-02-24)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.16 (2025-02-20)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.15 (2025-02-14)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.14 (2025-02-12)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.13 (2025-01-28)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.12 (2025-01-24)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.11 (2025-01-24)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.10 (2025-01-23)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.9 (2025-01-21)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.8 (2025-01-17)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.7 (2025-01-15)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.6 (2025-01-14)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.5 (2025-01-14)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.4 (2025-01-10)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.3 (2025-01-08)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.2 (2025-01-07)

Bug Fixes

8.2.0-prerelease.1 (2025-01-06)

Note: Version bump only for package @patternfly/react-charts

8.2.0-prerelease.0 (2025-01-06)

Note: Version bump only for package @patternfly/react-charts

8.1.1-prerelease.0 (2024-12-18)

Note: Version bump only for package @patternfly/react-charts

8.1.0 (2024-12-16)

Bug Fixes

  • Update promote.sh to release 6.1.0 (2b5106f)

8.1.0-prerelease.18 (2024-12-10)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.17 (2024-12-04)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.16 (2024-11-25)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.15 (2024-11-20)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.14 (2024-11-19)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.13 (2024-11-19)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.12 (2024-11-19)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.11 (2024-11-19)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.10 (2024-11-18)

Bug Fixes

8.1.0-prerelease.9 (2024-11-18)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.8 (2024-11-15)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.7 (2024-11-15)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.6 (2024-11-15)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.5 (2024-11-14)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.4 (2024-11-14)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.3 (2024-11-13)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.2 (2024-11-06)

Note: Version bump only for package @patternfly/react-charts

8.1.0-prerelease.1 (2024-10-30)

Bug Fixes

8.1.0-prerelease.0 (2024-10-24)

Note: Version bump only for package @patternfly/react-charts

8.0.0 (2024-10-24)

Note: Version bump only for package @patternfly/react-charts

8.0.0-prerelease.15 (2024-10-23)

Bug Fixes

  • charts: update Victory packages to be optional peer dependencies (#11128) (09a8f38)

8.0.0-prerelease.14 (2024-10-02)

Note: Version bump only for package @patternfly/react-charts

8.0.0-prerelease.13 (2024-09-30)

Features

  • charts: import charts from @patternfly/react-charts/victory (#11091) (2d3921b)

8.0.0-prerelease.12 (2024-09-26)

Note: Version bump only for package @patternfly/react-charts

8.0.0-prerelease.11 (2024-09-24)

Note: Version bump only for package @patternfly/react-charts

8.0.0-prerelease.10 (2024-09-19)

Bug Fixes

8.0.0-prerelease.9 (2024-09-18)

Bug Fixes

8.0.0-prerelease.8 (2024-09-11)

Note: Version bump only for package @patternfly/react-charts

8.0.0-prerelease.7 (2024-09-11)

Bug Fixes

  • charts: victoryCreateContainer breakage (v6) (#10925) (4a815fb)

8.0.0-prerelease.6 (2024-09-10)

Bug Fixes

  • deps: update dependency victory-chart to ^37.1.1 (#10956) (ece3987)

8.0.0-prerelease.5 (2024-09-10)

Bug Fixes

  • deps: update dependency victory-box-plot to ^37.1.1 (#10954) (fa15a66)

8.0.0-prerelease.4 (2024-09-10)

Bug Fixes

  • deps: update dependency victory-area to ^37.1.1 (#10951) (4491d63)
  • deps: update dependency victory-bar to ^37.1.1 (#10953) (8564fff)

8.0.0-prerelease.3 (2024-09-10)

Bug Fixes

  • deps: update dependency victory-axis to ^37.1.1 (#10952) (879e1e8)

8.0.0-prerelease.2 (2024-09-10)

Bug Fixes

8.0.0-prerelease.1 (2024-09-07)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.39 (2024-08-27)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.38 (2024-08-19)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.37 (2024-08-08)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.36 (2024-07-29)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.35 (2024-07-29)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.34 (2024-07-29)

Features

  • MenuToggle: replaced custom styles with text modifier V6 (#10793) (95a204c)

8.0.0-alpha.33 (2024-07-22)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.32 (2024-07-15)

Bug Fixes

  • Toolbar: updated for parity with Core updates (#10674) (d508325)

8.0.0-alpha.31 (2024-07-03)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.30 (2024-07-03)

Bug Fixes

  • Switch: updated a11y by removing dynamic labeling (#10646) (730ac69)

8.0.0-alpha.29 (2024-07-02)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.28 (2024-06-26)

Features

  • Banner,Label: rename cyan/gold to teal/yellow (#10661) (3e76f17)

8.0.0-alpha.27 (2024-06-25)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.26 (2024-06-12)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.25 (2024-06-11)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.24 (2024-06-05)

Bug Fixes

  • charts: renamed cyan to teal, gold to yellow (#10518) (d407554)

8.0.0-alpha.23 (2024-05-31)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.22 (2024-05-23)

Features

8.0.0-alpha.21 (2024-05-21)

Features

  • misc, TextContent: update core version & text content updates (#10378) (1f1b93c)

8.0.0-alpha.20 (2024-04-22)

Note: Version bump only for package @patternfly/react-charts

7.3.0-prerelease.6 (2024-03-26)

Note: Version bump only for package @patternfly/react-charts

7.3.0-prerelease.5 (2024-03-22)

Note: Version bump only for package @patternfly/react-charts

7.3.0-prerelease.4 (2024-03-05)

Note: Version bump only for package @patternfly/react-charts

7.3.0-prerelease.3 (2024-02-28)

Note: Version bump only for package @patternfly/react-charts

7.3.0-prerelease.2 (2024-02-28)

Note: Version bump only for package @patternfly/react-charts

7.3.0-prerelease.1 (2024-02-14)

Bug Fixes

7.3.0-prerelease.0 (2024-02-02)

5.2.0 (2024-02-02)

Note: Version bump only for package @patternfly/react-charts

7.2.0 (2024-02-02)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.10 (2024-01-15)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.9 (2024-01-11)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.8 (2023-12-11)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.7 (2023-11-10)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.6 (2023-11-03)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.19 (2024-04-02)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.18 (2024-03-27)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.17 (2024-03-22)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.16 (2024-03-18)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.15 (2024-03-08)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.14 (2024-02-21)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.13 (2024-02-21)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.12 (2024-02-16)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.11 (2024-01-31)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.10 (2024-01-26)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.9 (2024-01-22)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.8 (2024-01-18)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.7 (2024-01-16)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.6 (2024-01-04)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.5 (2023-12-20)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.4 (2023-12-13)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.3 (2023-12-04)

Note: Version bump only for package @patternfly/react-charts

8.0.0-alpha.2 (2023-11-16)

Reverts

  • Revert "Merge remote-tracking branch 'upstream/main' into v6" (#9791) (b7e8065), closes #9791

8.0.0-alpha.1 (2023-09-29)

Bug Fixes

7.1.1-prerelease.9 (2023-09-22)

Features

7.1.1-prerelease.8 (2023-09-21)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.7 (2023-11-10)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.6 (2023-11-03)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.8 (2023-12-11)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.7 (2023-11-10)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.6 (2023-11-03)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.10 (2024-01-15)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.9 (2024-01-11)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.8 (2023-12-11)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.7 (2023-11-10)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.6 (2023-11-03)

Note: Version bump only for package @patternfly/react-charts

7.3.0-prerelease.3 (2024-02-28)

Note: Version bump only for package @patternfly/react-charts

7.3.0-prerelease.2 (2024-02-28)

Note: Version bump only for package @patternfly/react-charts

7.3.0-prerelease.1 (2024-02-14)

Bug Fixes

7.3.0-prerelease.0 (2024-02-02)

5.2.0 (2024-02-02)

Note: Version bump only for package @patternfly/react-charts

7.2.0 (2024-02-02)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.10 (2024-01-15)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.9 (2024-01-11)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.8 (2023-12-11)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.7 (2023-11-10)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.6 (2023-11-03)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.5 (2023-10-26)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.4 (2023-10-10)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.3 (2023-10-10)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.2 (2023-10-09)

Note: Version bump only for package @patternfly/react-charts

7.2.0-prerelease.1 (2023-10-09)

Bug Fixes

  • charts: legendAllowWrap function generates an null error (#9719) (5b4cbf4)

7.2.0-prerelease.0 (2023-10-05)

Note: Version bump only for package @patternfly/react-charts

7.1.1 (2023-10-05)

Note: Version bump only for package @patternfly/react-charts

7.1.1-prerelease.10 (2023-10-03)

Bug Fixes

  • whitespace changes to trigger prereleases (#9702) (741c248)

7.1.1-prerelease.9 (2023-09-22)

Features

7.1.1-prerelease.8 (2023-09-21)

Note: Version bump only for package @patternfly/react-charts

7.1.1-prerelease.7 (2023-09-18)

Note: Version bump only for package @patternfly/react-charts

7.1.1-prerelease.6 (2023-09-13)

Note: Version bump only for package @patternfly/react-charts

7.1.1-prerelease.5 (2023-09-07)

Note: Version bump only for package @patternfly/react-charts

7.1.1-prerelease.4 (2023-09-06)

Note: Version bump only for package @patternfly/react-charts

7.1.1-prerelease.3 (2023-09-05)

Note: Version bump only for package @patternfly/react-charts

7.1.1-prerelease.2 (2023-08-31)

Note: Version bump only for package @patternfly/react-charts

7.1.1-prerelease.1 (2023-08-29)

Bug Fixes

5.0.0 (2023-07-27)

7.1.0-prerelease.0 (2023-07-27)

Note: Version bump only for package @patternfly/react-charts

7.0.0 (2023-07-27)

Note: Version bump only for package @patternfly/react-charts

7.0.0-prerelease.12 (2023-07-20)

Note: Version bump only for package @patternfly/react-charts

7.0.0-prerelease.11 (2023-07-14)

Note: Version bump only for package @patternfly/react-charts

7.0.0-prerelease.10 (2023-07-13)

Note: Version bump only for package @patternfly/react-charts

7.0.0-prerelease.9 (2023-07-06)

Bug Fixes

7.0.0-prerelease.8 (2023-07-06)

Note: Version bump only for package @patternfly/react-charts

7.0.0-prerelease.7 (2023-06-30)

Bug Fixes

  • charts: Update chart legend tooltip spacing (#9323) (77e260c)

7.0.0-prerelease.6 (2023-06-21)

Note: Version bump only for package @patternfly/react-charts

7.0.0-prerelease.5 (2023-06-15)

Features

  • charts: Update Victory packages to latest version (#9276) (515b36f)

7.0.0-prerelease.4 (2023-06-15)

Bug Fixes

  • release: ensure component package.json file has correct data (#9272) (6053a6f)

7.0.0-prerelease.3 (2023-06-13)

Bug Fixes

  • docs: update use of deprecated tag and clean up changelogs (#9259) (8de83dc)

7.0.0-prerelease.2 (2023-06-06)

Note: Version bump only for package @patternfly/react-charts

7.0.0-prerelease.1 (2023-06-06)

Bug Fixes

7.0.0-alpha.35 (2023-06-02)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.34 (2023-06-01)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.33 (2023-05-31)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.32 (2023-05-23)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.31 (2023-05-19)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.30 (2023-05-18)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.29 (2023-05-18)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.28 (2023-05-18)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.27 (2023-05-18)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.26 (2023-05-17)

Bug Fixes

  • beta: promote components + features out of beta for v5 (#8912) (34c1688)

7.0.0-alpha.25 (2023-05-16)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.24 (2023-05-08)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.23 (2023-05-05)

Bug Fixes

7.0.0-alpha.22 (2023-05-05)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.21 (2023-05-03)

Features

7.0.0-alpha.20 (2023-04-25)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.19 (2023-04-13)

Bug Fixes

7.0.0-alpha.18 (2023-04-13)

Features

  • infrastructure: Added ability import components directly to support fed modules tree-shaking of shared packages. (#8832) (16c15bf)

7.0.0-alpha.17 (2023-04-12)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.16 (2023-04-05)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.15 (2023-04-05)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.14 (2023-04-03)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.13 (2023-03-27)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.12 (2023-03-18)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.11 (2023-03-17)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.10 (2023-03-02)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.9 (2023-03-01)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.8 (2023-02-27)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.7 (2023-02-15)

Note: Version bump only for package @patternfly/react-charts

7.0.0-alpha.6 (2023-02-10)

Bug Fixes

  • charts: fix broken tooltip examples due to Tooltip outputting a new div tag in the SVG (#8592) (a7d2e12)

7.0.0-alpha.5 (2023-02-09)

Features

  • charts: remove deprecated theme variant code (#8590) (12e1c47)

7.0.0-alpha.4 (2023-02-08)

Features

  • charts: update Victory dependencies for v5 (#8606) (19a5e93)

7.0.0-alpha.3 (2023-02-08)

Note: Version bump only for package @patternfly/react-charts