Bullet chart

Vanilla JS

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

new BulletChart('#chart', { theme: 'midnight' }).setData([
  { label: 'Revenue', value: 84, target: 90, ranges: [60, 80, 100] },
  { label: 'Profit',  value: 32, target: 40, ranges: [20, 35, 50] },
]);

React

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

<Bullet data={kpiBullets} theme="midnight" height={260} />

Reference

• Class: BulletChart
• React component: Bullet