@acodez/areachart 中文文档教程
@acodez/areachart
具有大量自定义功能的 React 按钮组件。
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]}
/>
@acodez/areachart
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]}
/>