在React中使用Dygraph显示两个序列

npm install dygraphs

yarn add dygraphs

import Dygraph from 'dygraphs';

import React, { useEffect, useRef } from 'react';

const DygraphChart = () => {
  const chartRef = useRef(null);

  useEffect(() => {
    if (chartRef.current) {
      new Dygraph(chartRef.current, [
        [new Date(2022, 0, 1), 10, 20],
        [new Date(2022, 0, 2), 15, 25],
        [new Date(2022, 0, 3), 20, 30],
        // 添加更多数据点...
      ], {
        labels: ['Date', 'Series 1', 'Series 2'],
      });
    }
  }, []);

  return <div ref={chartRef}></div>;
};

export default DygraphChart;

import React from 'react';
import DygraphChart from './DygraphChart';

const App = () => {
  return (
    <div>
      <h1>React Dygraph Chart</h1>
      <DygraphChart />
    </div>
  );
};

export default App;