Quick nav

BarChart

Bar charts should be used when you are showing segments of information.

Version 0.4.6

View source
View on npm
Report an Issue
Storybook

Installation

To install @igloo-ui/bar-chart in your project, you will need to run the following command using npm:

npm install @igloo-ui/bar-chart

If you prefer Yarn, use the following command instead:

yarn add @igloo-ui/bar-chart

Usage

Then to use the component in your code just import it!

import BarChart from '@igloo-ui/bar-chart';

const data = [
    {
      label: 'Good vibes',
      value: 48,
      color: '#FBC73B',
    },
    {
      label: 'Excellence',
      value: 46,
      color: '#6893FF',
    },
]

<BarChart dataSet={data} />

API

Prop	Type	Default	Description
`dataSet`	DataSet[]	-	The data object that will be used for the bar chart.
`dataTest`	string	-	Add a data-test tag for automated tests.
`className`	string	-	Add a specific class to the component.