react-canvas-spark-line

Simple canvas SparkLine React component

Usage no npm install needed!

<script type="module">
  import reactCanvasSparkLine from 'https://cdn.skypack.dev/react-canvas-spark-line';
</script>

README

SparkLine

CircleCI

Simple canvas SparkLine React component

Examples

Install

npm install react-canvas-spark-line --save --save-exact

Usage

import SparkLine from 'react-canvas-spark-line';

const data = [
  1,
  2,
  3
];

class MyComponent extends Component {
  render () {
    return (
      <SparkLine
        animate
        animationDuration={2000} // Default: 1000 (milliseconds)
        width={100}
        height={30}
        color="red"
        data={data}
        includeZero={false} // Default: true
        areaOpacity={0} // Default: 0.3
        areaColor={['red', 'white']} // Default: {color}
      />
    );
  }
}