@hsu-react/ui 0.0.1

package/lib/components/Chart/Pie/Pie3D/index.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var echarts = _interopRequireWildcard(require("echarts"));
+require("echarts-gl");
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("./_hooks");
+var _option = require("./_utils/option");
+var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ChartPie3D = props => {
+  const {
+    className,
+    style,
+    pieData,
+    internalDiameterRatio = 0.9,
+    autoRotate = false,
+    distance = 200,
+    alpha = 20,
+    beta = 0,
+    hoverHeightIncrement = 5,
+    minHeight = 1,
+    maxHeight = 10,
+    yOffset = -0.2,
+    tooltip = {
+      show: false
+    },
+    label = {
+      show: true
+    },
+    enableMouseControl = false,
+    onChart,
+    onClick,
+    ...coreOption
+  } = props;
+  const chartRef = (0, _react.useRef)(null);
+  const chartInstanceRef = (0, _react.useRef)(null);
+  const resizeObserverRef = (0, _react.useRef)(null);
+  const hoveredIndexRef = (0, _react.useRef)("");
+  const optionRef = (0, _react.useRef)(null);
+  const chartOption = (0, _react.useMemo)(() => {
+    return (0, _option.getPie3DOption)(pieData, {
+      internalDiameterRatio,
+      tooltip,
+      alpha,
+      beta,
+      autoRotate,
+      distance,
+      coreOption,
+      optionRef,
+      minHeight,
+      maxHeight,
+      yOffset,
+      label,
+      enableMouseControl
+    });
+  }, [pieData, internalDiameterRatio, tooltip, alpha, beta, autoRotate, distance, coreOption, minHeight, maxHeight, yOffset, label, enableMouseControl]);
+  const handleResize = (0, _react.useCallback)(() => {
+    chartInstanceRef.current?.resize();
+  }, []);
+  const handleMouseOver = (0, _hooks.useMouseOverHandler)(optionRef, chartInstanceRef, hoveredIndexRef, {
+    hoverHeightIncrement,
+    minHeight,
+    maxHeight,
+    yOffset,
+    autoRotate
+  });
+  const handleGlobalOut = (0, _hooks.useGlobalOutHandler)(optionRef, chartInstanceRef, hoveredIndexRef, {
+    minHeight,
+    maxHeight,
+    yOffset,
+    autoRotate
+  });
+  (0, _react.useEffect)(() => {
+    if (!chartRef.current) return;
+    let chart = chartInstanceRef.current;
+    if (!chart) {
+      chart = echarts.init(chartRef.current);
+      chartInstanceRef.current = chart;
+      onChart?.(chart);
+    }
+    chart.setOption(chartOption, true);
+    optionRef.current = chartOption;
+    window.addEventListener("resize", handleResize);
+    if (chartRef.current && !resizeObserverRef.current) {
+      resizeObserverRef.current = new ResizeObserver(handleResize);
+      resizeObserverRef.current.observe(chartRef.current);
+    }
+    chart.on("mouseover", handleMouseOver);
+    chart.on("globalout", handleGlobalOut);
+    if (onClick) {
+      chart.on("click", onClick);
+    }
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      if (chart) {
+        chart.off("mouseover", handleMouseOver);
+        chart.off("globalout", handleGlobalOut);
+        if (onClick) {
+          chart.off("click", onClick);
+        }
+      }
+    };
+  }, [chartOption, handleResize, handleMouseOver, handleGlobalOut, onChart, onClick]);
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current = null;
+      }
+      if (chartInstanceRef.current) {
+        chartInstanceRef.current.dispose();
+        chartInstanceRef.current = null;
+      }
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${_indexModule.default["chart-container"]} ${className ?? ""}`,
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: chartRef,
+      style: {
+        width: "100%",
+        height: "100%"
+      }
+    })
+  });
+};
+var _default = exports.default = ChartPie3D;

package/lib/components/Chart/Pie/index.d.ts

@@ -0,0 +1,32 @@
+import * as echarts from "echarts";
+import { ChartCommonProps, Series, SeriesDataType } from "..";
+import React from "react";
+import { ChartPie3DProps } from "./Pie3D";
+export interface ChartPieProps extends ChartCommonProps {
+    chartTitle?: string;
+    seriesData?: SeriesDataType;
+    onChart?: (chart: echarts.EChartsType) => void;
+    extendSeries?: Series[];
+    onClick?: (event: echarts.ECElementEvent) => void;
+    /** 是否启用图例自动滚动，默认 false */
+    enableLegendAutoScroll?: boolean;
+    /** 图例每页可见数量，默认 8 */
+    legendVisibleCount?: number;
+    /** 图例滚动间隔时间(ms)，默认 1500 */
+    legendScrollInterval?: number;
+    /** 是否半圆，默认 false */
+    isSemiCircle?: boolean;
+    /** 半圆贴边位置，默认 'bottom' */
+    position?: "top" | "bottom" | "left" | "right";
+    /** 显示角度，默认 180 */
+    spanAngle?: number;
+    /** 中心位置 */
+    center?: [string, string];
+    /** 半径配置 */
+    radius?: [string, string];
+}
+export interface ChartPieFC extends React.FC<ChartPieProps> {
+    Three: React.FC<ChartPie3DProps>;
+}
+declare const ChartPie: ChartPieFC;
+export default ChartPie;

package/lib/components/Chart/Pie/index.js

@@ -0,0 +1,285 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var echarts = _interopRequireWildcard(require("echarts"));
+var _react = _interopRequireWildcard(require("react"));
+var _chartUtils = require("../chartUtils");
+var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _Pie3D = _interopRequireDefault(require("./Pie3D"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ChartPie = props => {
+  const {
+    className,
+    style,
+    chartTitle,
+    seriesData,
+    legend,
+    tooltip,
+    series,
+    title,
+    onChart,
+    extendSeries = [],
+    onClick,
+    enableLegendAutoScroll = false,
+    legendVisibleCount = 8,
+    legendScrollInterval = 1500,
+    isSemiCircle = false,
+    position = "bottom",
+    spanAngle = 180,
+    center,
+    radius,
+    ...coreOption
+  } = props;
+  const chartRef = (0, _react.useRef)(null);
+  const chartInstanceRef = (0, _react.useRef)(null);
+  const resizeObserverRef = (0, _react.useRef)(null);
+  const legendScrollRef = (0, _react.useRef)(null);
+
+  // 根据 position 计算默认 radius（如果未指定）
+  const calculatedRadius = (0, _react.useMemo)(() => {
+    if (radius) {
+      return radius;
+    }
+
+    // 对于半圆，需要更大的 radius 值才能占满容器
+    // 因为半圆只占 180 度，所以外半径需要更大才能覆盖整个容器的高度或宽度
+    if (isSemiCircle) {
+      return ["0%", "200%"];
+    }
+    // 全圆
+    return ["45%", "70%"];
+  }, [radius, isSemiCircle]);
+
+  // 计算角度和中心位置
+  const {
+    calculatedCenter,
+    startAngle,
+    endAngle,
+    actualSpanAngle
+  } = (0, _react.useMemo)(() => {
+    // 根据 position 计算默认 center（如果未指定）
+    let calculatedCenter = center || ["30%", "50%"];
+    let startAngle = 90;
+    let endAngle = 450; // 360 + 90，从顶部开始
+    const actualSpanAngle = isSemiCircle ? spanAngle : 360;
+    if (isSemiCircle) {
+      // 根据 position 计算角度和中心位置
+      switch (position) {
+        case "top":
+          // 上半圆
+          startAngle = 180;
+          endAngle = 0;
+          calculatedCenter = center || ["center", "0%"];
+          break;
+        case "bottom":
+          // 下半圆
+          startAngle = 0;
+          endAngle = 180;
+          calculatedCenter = center || ["center", "100%"];
+          break;
+        case "left":
+          // 左半圆
+          startAngle = 90;
+          endAngle = 270;
+          calculatedCenter = center || ["0%", "center"];
+          break;
+        case "right":
+          // 右半圆
+          startAngle = 270;
+          endAngle = 90;
+          calculatedCenter = center || ["100%", "center"];
+          break;
+      }
+    } else {
+      // 全圆
+      calculatedCenter = center || ["30%", "50%"];
+    }
+    return {
+      calculatedCenter,
+      startAngle,
+      endAngle,
+      actualSpanAngle
+    };
+  }, [isSemiCircle, position, center, spanAngle]);
+
+  // 处理数据：如果是半圆，需要填充空白数据
+  const processedSeriesData = (0, _react.useMemo)(() => {
+    if (!seriesData || !isSemiCircle) {
+      return seriesData;
+    }
+    const originDataLen = seriesData.length;
+    const repeatedMultiple = 360 / actualSpanAngle;
+    const addDataLen = parseInt(String((repeatedMultiple - 1) * originDataLen));
+
+    // 填充空白数据以形成半圆
+    const emptyData = Array.from({
+      length: addDataLen
+    }, () => ({
+      value: 0,
+      itemStyle: {
+        color: "rgba(0,0,0,0)"
+      },
+      tooltip: {
+        show: false
+      }
+    }));
+    return [...seriesData, ...emptyData];
+  }, [seriesData, isSemiCircle, actualSpanAngle]);
+
+  // 使用 useMemo 缓存 chart 配置
+  const chartOption = (0, _react.useMemo)(() => {
+    // 当启用自动滚动时，隐藏分页按钮并设置为滚动类型
+    const baseLegendConfig = {
+      orient: "vertical",
+      top: "middle",
+      right: "5%",
+      icon: "circle",
+      textStyle: {
+        color: "#7B7B7B",
+        fontSize: 14
+      },
+      ...legend
+    };
+    const legendConfig = enableLegendAutoScroll ? {
+      ...baseLegendConfig,
+      // 设置为滚动类型
+      type: "scroll",
+      // 隐藏分页按钮的配置
+      pageIconSize: 0,
+      pageIconColor: "transparent",
+      pageIconInactiveColor: "transparent",
+      pageTextStyle: {
+        color: "transparent"
+      }
+    } : baseLegendConfig;
+    const option = {
+      title: {
+        left: "center",
+        top: "center",
+        textAlign: "center",
+        text: chartTitle || "",
+        ...title
+      },
+      legend: legendConfig,
+      tooltip: {
+        trigger: "item",
+        ...tooltip
+      },
+      series: [{
+        data: processedSeriesData,
+        type: "pie",
+        center: calculatedCenter,
+        radius: calculatedRadius,
+        startAngle,
+        endAngle,
+        clockwise: false,
+        label: {
+          show: false
+        },
+        ...series
+      }, ...extendSeries],
+      ...coreOption
+    };
+    return option;
+  }, [chartTitle, title, legend, tooltip, processedSeriesData, series, extendSeries, coreOption, enableLegendAutoScroll, calculatedCenter, calculatedRadius, startAngle, endAngle]);
+
+  // 处理图表 resize 的回调
+  const handleResize = (0, _react.useCallback)(() => {
+    chartInstanceRef.current?.resize();
+  }, []);
+
+  // 初始化图表
+  (0, _react.useEffect)(() => {
+    if (!chartRef.current) return;
+
+    // 初始化或获取已存在的实例
+    let chart = chartInstanceRef.current;
+    if (!chart) {
+      chart = echarts.init(chartRef.current);
+      chartInstanceRef.current = chart;
+      // 首次初始化时调用 onChart 回调
+      onChart?.(chart);
+    }
+
+    // 设置配置
+    chart.setOption(chartOption, true);
+
+    // 添加 resize 监听
+    window.addEventListener("resize", handleResize);
+
+    // 添加 ResizeObserver
+    if (chartRef.current && !resizeObserverRef.current) {
+      resizeObserverRef.current = new ResizeObserver(handleResize);
+      resizeObserverRef.current.observe(chartRef.current);
+    }
+
+    // 添加点击事件
+    if (onClick) {
+      chartInstanceRef.current?.on("click", onClick);
+    }
+
+    // 图例自动滚动
+    if (enableLegendAutoScroll && seriesData && seriesData.length > 0) {
+      // 清理之前的滚动实例
+      if (legendScrollRef.current) {
+        legendScrollRef.current.dispose();
+      }
+      legendScrollRef.current = (0, _chartUtils.autoScrollLegend)({
+        chart,
+        total: seriesData.length,
+        visibleCount: legendVisibleCount,
+        interval: legendScrollInterval,
+        autoStart: true
+      });
+    }
+
+    // 清理函数
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      if (onClick) {
+        chartInstanceRef.current?.off("click", onClick);
+      }
+
+      // 清理图例滚动
+      if (legendScrollRef.current) {
+        legendScrollRef.current.dispose();
+        legendScrollRef.current = null;
+      }
+    };
+  }, [chartOption, handleResize, onChart, onClick, enableLegendAutoScroll, seriesData, legendVisibleCount, legendScrollInterval]);
+
+  // 组件卸载时清理资源
+  (0, _react.useEffect)(() => {
+    return () => {
+      // 清理 ResizeObserver
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current = null;
+      }
+      // 销毁图表实例
+      if (chartInstanceRef.current) {
+        chartInstanceRef.current.dispose();
+        chartInstanceRef.current = null;
+      }
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${_indexModule.default["chart-container"]} ${className ?? ""}`,
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: chartRef,
+      style: {
+        width: "100%",
+        height: "100%"
+      }
+    })
+  });
+};
+ChartPie.Three = _Pie3D.default;
+var _default = exports.default = ChartPie;

package/lib/components/Chart/Polar/index.d.ts

@@ -0,0 +1,13 @@
+import * as echarts from "echarts";
+import { ChartCommonProps, SeriesData } from "..";
+import React from "react";
+export interface ChartPolarProps extends ChartCommonProps {
+    title1?: string;
+    title1Style?: echarts.TitleComponentOption["textStyle"];
+    title2?: string;
+    title2Style?: echarts.TitleComponentOption["textStyle"];
+    seriesData: SeriesData;
+    color?: string[] | string;
+}
+declare const Polar: React.FC<ChartPolarProps>;
+export default Polar;

package/lib/components/Chart/Polar/index.js

@@ -0,0 +1,206 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var echarts = _interopRequireWildcard(require("echarts"));
+var _react = _interopRequireWildcard(require("react"));
+var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Polar = props => {
+  const {
+    className,
+    style,
+    polar,
+    radiusAxis,
+    angleAxis,
+    series,
+    title1,
+    title1Style,
+    title2,
+    title2Style,
+    textStyle,
+    seriesData,
+    color = ["#00FFA3", "#00FFA3"],
+    ...coreOption
+  } = props;
+  const chartRef = (0, _react.useRef)(null);
+  const chartInstanceRef = (0, _react.useRef)(null);
+  const resizeObserverRef = (0, _react.useRef)(null);
+
+  // 使用 useMemo 缓存 chart 配置
+  const chartOption = (0, _react.useMemo)(() => {
+    const option = {
+      title: [{
+        left: "center",
+        top: "45%",
+        textVerticalAlign: "middle",
+        textStyle: {
+          fontSize: 18,
+          color: "#333",
+          rich: {
+            a: {
+              fontSize: 30,
+              fontWeight: "bold",
+              color: "#fff"
+            },
+            b: {
+              fontSize: 18,
+              color: "#fff"
+            }
+          },
+          ...textStyle,
+          ...title1Style
+        },
+        text: title1 || ""
+      }, {
+        left: "center",
+        top: "90%",
+        textVerticalAlign: "middle",
+        textStyle: {
+          rich: {
+            a: {
+              fontSize: 18,
+              color: "rgba(255,255,255,0.7)",
+              padding: [20, 0, 0, 0]
+            }
+          },
+          ...textStyle,
+          ...title2Style
+        },
+        text: title2 || ""
+      }],
+      tooltip: {
+        show: false
+      },
+      polar: {
+        radius: ["60%", "80%"],
+        center: ["50%", "45%"],
+        ...polar
+      },
+      radiusAxis: {
+        type: "category",
+        show: false,
+        inverse: true,
+        axisLabel: {
+          show: false
+        },
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        ...radiusAxis
+      },
+      angleAxis: {
+        max: 100,
+        show: false,
+        axisPointer: {
+          show: false,
+          label: {
+            show: false
+          },
+          lineStyle: {
+            opacity: 0
+          }
+        },
+        ...angleAxis
+      },
+      series: {
+        type: "bar",
+        name: seriesData.name,
+        data: [seriesData.value],
+        coordinateSystem: "polar",
+        showBackground: true,
+        roundCap: true,
+        itemStyle: {
+          color: {
+            type: "linear",
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [{
+              offset: 0,
+              color: Array.isArray(color) ? color[0] : color
+            }, {
+              offset: 1,
+              color: Array.isArray(color) ? color[1] : color
+            }],
+            global: false
+          }
+        },
+        ...series
+      },
+      ...coreOption
+    };
+    return option;
+  }, [textStyle, title1Style, title1, title2Style, title2, polar, radiusAxis, angleAxis, seriesData, color, series, coreOption]);
+
+  // 处理图表 resize 的回调
+  const handleResize = (0, _react.useCallback)(() => {
+    chartInstanceRef.current?.resize();
+  }, []);
+
+  // 初始化图表
+  (0, _react.useEffect)(() => {
+    if (!chartRef.current) return;
+
+    // 初始化或获取已存在的实例
+    let chart = chartInstanceRef.current;
+    if (!chart) {
+      chart = echarts.init(chartRef.current);
+      chartInstanceRef.current = chart;
+    }
+
+    // 设置配置
+    chart.setOption(chartOption, true);
+
+    // 添加 resize 监听
+    window.addEventListener("resize", handleResize);
+
+    // 添加 ResizeObserver
+    if (chartRef.current && !resizeObserverRef.current) {
+      resizeObserverRef.current = new ResizeObserver(handleResize);
+      resizeObserverRef.current.observe(chartRef.current);
+    }
+
+    // 清理函数
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [chartOption, handleResize]);
+
+  // 组件卸载时清理资源
+  (0, _react.useEffect)(() => {
+    return () => {
+      // 清理 ResizeObserver
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current = null;
+      }
+      // 销毁图表实例
+      if (chartInstanceRef.current) {
+        chartInstanceRef.current.dispose();
+        chartInstanceRef.current = null;
+      }
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${_indexModule.default["chart-container"]} ${className ?? ""}`,
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: chartRef,
+      style: {
+        width: "100%",
+        height: "100%"
+      }
+    })
+  });
+};
+var _default = exports.default = Polar;

package/lib/components/Chart/Radar/index.d.ts

@@ -0,0 +1,29 @@
+import { ChartCommonProps } from "..";
+import React from "react";
+export interface RadarIndicator {
+    name: string;
+    max?: number;
+}
+/** 单指标 tooltip 触发方式
+ * - `point`  仅悬停在数据点/线上触发（echarts 原生 item trigger）
+ * - `region` 进入该指标的扇形区域即触发，并在命中扇形区内填充高亮色
+ */
+export type SingleIndicatorMode = "point" | "region";
+export interface ChartRadarProps extends ChartCommonProps {
+    indicators: RadarIndicator[];
+    data: number[];
+    color?: string;
+    name?: string;
+    /**
+     * 单指标 tooltip：
+     * - `true` 使用内置简单格式（`系列名 · 指标名：值`）
+     * - 传函数则接收当前最近指标下标与原始 echarts params，自行返回 HTML
+     */
+    singleIndicatorTooltip?: boolean | ((indicatorIndex: number, params: unknown, indicator: RadarIndicator) => string);
+    /** 单指标触发方式；**不设置则完全走 echarts 原生全指标 tooltip**，忽略 `singleIndicatorTooltip` */
+    singleIndicatorMode?: SingleIndicatorMode;
+    /** `region` 模式下的高亮色；不传则使用 `color` 以 0.12 透明度渲染 */
+    singleIndicatorHoverFill?: string;
+}
+declare const Radar: React.FC<ChartRadarProps>;
+export default Radar;