HorizontalBarChart

grommet-controls

3.0.2

Component

browse

docs

issues

import { HorizontalBarChart } from 'grommet-controls';

Main

browse

docs

issues

() => (
  <HorizontalBarChart
    data={{
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [
        {
          label: 'Dataset 1',
          data: [-40, 92, -44, -75, -65, -89, 78],
          borderWidth: 1,
        },
        {
          label: 'Dataset 2',
          data: [-78, -21, -43, 70, 11, -91, -63],
          borderWidth: 1,
        },
      ],
    }}
  />
)

Commits

Date	Author	Commit Message
8/27/2019	atanasster	initial commit 2.x alpha

1 commits

External dependencies

package	imports	peer
react-chartjs-2 ^17.0.1	HorizontalBar	*

Internal dependencies

file	imports
"../withChartTheme"	withChartTheme

Stories

Title

browse

docs

issues

() => (
  <HorizontalBarChart
    data={rndDatasets(1)}
    options={{
      themedData: true,
      legend: { position: 'right' },
      title: {
        display: true,
        text: 'Title of chart',
      },
    }}
  />
)

chartjs/DoughnutChart

chartjs/LineChart

Docs

HorizontalBarChart

Component

Main

Commits

External dependencies

Internal dependencies

Stories

Title