Skip to content

moowoonsunghoon/react-simple-chart

Repository files navigation

welcome to react-simple-chart

Install

npm install react-simple-chart

or

yarn add react-simple-chart

Usage

import ReactSimpleChart from "react-simple-chart";

const App = () => {
  return (
    <ReactSimpleChart
      x={[
        "jan",
        "feb",
        "mar",
        "apr",
        "may",
        "jun",
        "jul",
        "aug",
        "sep",
        "oct",
        "nov",
        "dec",
      ]}
      datas={[
        {
          label: "sell",
          value: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120],
          color: "blue",
        },
        {
          label: "buy",
          value: [120, 110, 100, 90, 80, 70, 60, 50, 40, 30, 20, 10],
          color: "red",
        },
      ]}
      yRange={20} //default 10
    />
  );
};
props type default
x any[] require
datas { label: string; color: string; value: number[] } require
yRange custumizing y value range 10

About

react-simple-chart

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published