从canvasjs在react js中渲染多个图形

npm install canvasjs

yarn add canvasjs

import CanvasJS from 'canvasjs';

render() {
  const options = {
    // 设置图表的配置选项，例如标题、轴标签、图例等
    title: {
      text: "多个图形示例"
    },
    // 设置图表的数据系列，例如柱状图、折线图等
    data: [
      {
        type: "column",
        dataPoints: [
          { label: "苹果", y: 10 },
          { label: "橙子", y: 15 },
          { label: "香蕉", y: 25 },
        ]
      },
      {
        type: "line",
        dataPoints: [
          { label: "苹果", y: 10 },
          { label: "橙子", y: 15 },
          { label: "香蕉", y: 25 },
        ]
      }
    ]
  };

  return (
    <div>
      <CanvasJS.Chart options={options} />
    </div>
  );
}

render() {
  // ...

  return (
    <div>
      <CanvasJS.Chart options={options} />
    </div>
  );
}