funnel-charts

FunnelChart

漏斗图组件

https://gitlab.com/xgqfrms/FunnelChart

使用文档

import React from "react";
import "./index.less";

// slot
import IconsSlot from './IconsSlot';
import TitleSlot from './TitleSlot';

// funnel-chart
// import FunnelChart from './FunnelChart';
import FunnelChart from 'funnel-charts';

const FunnelChartComponent = (props) => {
  const {
    totalRateL: total,
    rates: data,
  } = props;
  return (
    <div className="funnel-chart-component">
      <section>
        <FunnelChart
          dataSource={{
            steps: data || [],
            total: total || 0,
          }}
          iconsSlot={options => <IconsSlot options={options} />}
          titleSlot={title => <TitleSlot title={title} />}
          // units={"人"}
          units={""}
        />
      </section>
    </div>
  );
};

export default FunnelChartComponent;