sparkline


Lightweight React sparklines ✨ 📈

!Example sparkline

Install

``sh
yarn add @rowno/sparkline


or


npm install --save @rowno/sparkline
`

Example

`js
function Spark() {
const lines = [
{
values: [789, 880, 676, 200, 890, 677, 900],
colors: {
area: 'rgba(217, 227, 237, 0.5)',
line: '#193652'
}
}, {
values: [354, 456, 200, 566, 344, 467, 545],
colors: {
area: 'rgba(199, 228, 255, 0.5)',
line: '#004585'
}
}
]

return (
width={56}
height={12}
lines={lines}
/>
)
}
`

Outputs: !Example output




Properties

`js
{
width: 56,
height: 12,
lines: [{
values: [789, 880, 676],
colors: {
area: 'rgba(217, 227, 237, 0.5)',
line: '#193652'
},
title: 'Allowed events',
key: 'allowed'
}]
}
`

$3

Type: number (required)

Width of the sparkline.

$3

Type: number (required)

Height of the sparkline.

$3

Type: array