antvis / G2Plot

:dango: An interactive and responsive charting library based on G2.
https://g2plot.antv.antgroup.com
MIT License
2.56k stars 607 forks source link

🤔 [QUESTION] 关于扇形仪表盘FanGauge #3755

Open well-he opened 7 months ago

well-he commented 7 months ago

🐛 Question description [Please make everyone to understand it]

我在文档中看到有扇形仪表盘FanGauge,在使用过程中发现 模块“"@antv/g2plot"”没有导出的成员“FanGauge”

💻 Link to minimal reproduction

Please provide a link by forking these links g2plot or GitHub repo. What is a minimal reproduction, and why is it required?

import { FanGauge } from "@antv/g2plot";    // 模块“"@antv/g2plot"”没有导出的成员“FanGauge”。

const DemoGauge: React.FC<{ value: number }> = ({ value }) => {
  const containerRef = useRef<HTMLDivElement>(null);
  useEffect(()=>{
    const container = containerRef.current;
    const config = {
      title: {
        visible: true,
        text: '扇形仪表盘',
      },
      width: 400,
      height: 400,
      value: value,
      min: 0,
      max: 100,
      range: [0, 70],
      format: (v) => {
        return v + '%';
      },
      color: ['l(0) 0:#b0d0ff 1:#5f92f9'],
    }
    const fanGauge = new FanGauge(container, config);
    fanGauge.render();

    return () => {
      fanGauge.destroy();
    }
  })

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

🏞 Expected result

image

🚑 Any additional [like screenshots]