import * as echarts from "echarts";
import { EChartsOption } from "echarts";
import React, { useEffect, useRef } from "react";
export default function EchartsBox(props: { options: EChartsOption }) {
const { options } = props;
const ref = useRef<HTMLDivElement>(null);
useEffect(() => {
const myChart = echarts.init(ref.current as HTMLDivElement);
myChart.setOption(options, true);
const resize = () => myChart.resize();
window.addEventListener("resize", resize);
return () => {
resize && window.removeEventListener("resize", resize);
};
}, [options]);
return <div ref={ref} style={{ width: "100%", height: "100%" }}></div>;
}
使用
<EchartsBox options={qmOptions(props.treeData)}
文章版权声明:除非注明,否则均为
譬如朝露博客原创文章,转载或复制请以超链接形式并注明出处。
发表评论
侧栏公告
寄语
譬如朝露博客是一个分享前端知识的网站,联系方式11523518。
热评文章
标签列表
热门文章
友情链接