[Chart_library] apexcharts (그래프 작성 라이브러리)

* apexcharts

• https://apexcharts.com/
• 그래프를 쉽게 작성할 수 있게 도와주는 라이브러리
• angular, react, vue전부 호환이 된다.
• 글쓴이는 주로 React를 많이 사용한다.
• 사용법이 정말 간단하며 디자인 또한 이쁘다.

npm install --save react-apexcharts apexcharts

 

 

ApexCharts.js - Open Source JavaScript Charts for your website

---

* apexcharts 간단 예시코드

import Chart from "react-apexcharts";

<Chart 
  type="line"
  series={[
    {
      name: "Price",
      data: [10, 20, 20, 30, 10],
    },
  ]}
  options={{
    chart: { height: 500, width: 500, toolbar: { show: false } },
    theme: { mode: "dark" },
    stroke: {
      curve: "smooth",
      width: 4,
    },
  }}
/>