@acodez/areachart

![npm_version](https://img.shields.io/npm/v/@acodez/areachart) ![license](https://img.shields.io/npm/l/@acodez/areachart)

Usage no npm install needed!

<script type="module">
  import acodezAreachart from 'https://cdn.skypack.dev/@acodez/areachart';
</script>

README

@acodez/areachart

npm_version license

React button component with plenty of customization.



Installation

npm install @acodez/areachart

Props API

Property Type Required Default value Description
color string no #007BFF color of graph
xaxisdata array yes `` x axis data
yaxisdata array yes `` y axis data
smoothline boolean no `` stroke smoothline option
xyaxisdatahidden boolean no `` x and y axis labels hidden
height string no 250 height of graph
showgrid boolean no false height of graph

Usage


import Areachart from "@acodez/areachart";

<Areachart 
    color="#007BFF"
    xaxisdata={[1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998]}
    yaxisdata={[30,40,35,50,49,60,70,91]}
/>