workaround:用 antv 的水波图自己写了一个
代码放这里:
import React, {useRef, useEffect} from "react";
import { Liquid } from '@antv/g2plot';
const WaterWave = ({ value }) => {
const container = useRef(null);
useEffect(() => {
if (!container.current) {
return;
}
const liquidPlot = new Liquid(container.current, {
percent: value,
height: 200
});
liquidPlot.render();
}, [container]);
return (
<div ref={container} />
);
};
export default WaterWave;
这是综合几种方案 bundle size 最小的 workaround, 而且UI完全一样。
请参考:https://github.com/alibaba/Bi...
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…