Echarts#

import React, { useRef } from "react";
import { Echarts } from "vis-component";
import type { EChartsOption, EChartsEvent, EchartsRef } from "vis-component";

export default function App() {
  const ref = useRef<EchartsRef|null> (null);
  const options: echarts.EChartsOption = {
    xAxis: {
      type: "category",
      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
    },
    yAxis: {
      type: "value",
    },
    series: [
      {
        data: [120, 200, 150, 80, 70, 110, 130],
        type: "bar",
      },
    ],
  };

  const echarts_click = (params: EChartsEvent) => {
    console.log(params);
  };

  return (
    <Echarts
      echarts_option={options}
      events={[{ type: "click", events: echarts_click }]}
    />
  );
}