Bar chart

Vanilla JS

import { BarChart } from '@arshad-shah/swift-chart';

const chart = new BarChart('#chart', { theme: 'midnight' });
chart.setData(monthlySales, { x: 'month', y: ['revenue', 'cost'] });

React

import { Bar } from '@arshad-shah/swift-chart/react';

<Bar
  data={monthlySales}
  mapping={{ x: 'month', y: ['revenue', 'cost'] }}
  theme="midnight"
  height={320}
/>

Common options

Single-series with negatives

Reference

• Class: BarChart
• React component: Bar