@easyv/charts 1.4.20 → 1.4.21

package/lib/components/PieChart.js

@@ -37,6 +37,8 @@ var _formatter = require("../formatter");
 
 var _piechartModule = _interopRequireDefault(require("../css/piechart.module.css"));
 
+var _hooks = require("../hooks");
+
 var _excluded = ["startAngle", "endAngle", "antiClockwise"],
     _excluded2 = ["padAngle", "innerRadius", "outerRadius", "cornerRadius", "startAngle", "endAngle"],
     _excluded3 = ["formatter"],
@@ -523,6 +525,24 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       animation = null;
     };
   }, [JSON.stringify(arcs), on, currentIndex, trigger, onEmit, triggerOnRelative]);
+  var aiData = (0, _hooks.useAiDataOfPie)(_arcs, legend);
+  (0, _react.useEffect)(function () {
+    if (aiData.length) {
+      if (!window.aiData) {
+        window.aiData = {};
+      }
+
+      window.aiData[id] = {
+        getAI: function getAI() {
+          return aiData;
+        }
+      };
+    }
+
+    return function () {
+      delete window.aiData[id];
+    };
+  }, [JSON.stringify(aiData), id]);
   var halfChartWidth = chartWidth / 2;
   var halfChartHeight = chartHeight / 2;
   var rotate_ = decorate2 ? -(arcs[+currentIndex].startAngle + arcs[+currentIndex].endAngle) * 90 / Math.PI + rotate : 0;

package/lib/hooks/index.js

@@ -8,7 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "useAiData", {
   enumerable: true,
   get: function get() {
-    return _useAiData["default"];
+    return _useAiData.useAiData;
+  }
+});
+Object.defineProperty(exports, "useAiDataOfPie", {
+  enumerable: true,
+  get: function get() {
+    return _useAiData.useAiDataOfPie;
   }
 });
 Object.defineProperty(exports, "useAnimateData", {
@@ -68,4 +74,4 @@ var _useCarouselAxisX = _interopRequireDefault(require("./useCarouselAxisX"));
 
 var _useExtentData = _interopRequireDefault(require("./useExtentData"));
 
-var _useAiData = _interopRequireDefault(require("./useAiData"));
+var _useAiData = require("./useAiData");

package/lib/hooks/useAiData.js

@@ -5,14 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.useAiDataOfPie = exports.useAiData = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 //生成AI图表分析所需的数据
-var _default = function _default(data, axes, series) {
+var useAiData = function useAiData(data, axes, series) {
   try {
     var xAxis = axes.get("x");
     var xType = xAxis.config.label.format.type == "date" ? "时间" : "类别";
@@ -47,11 +47,29 @@ var _default = function _default(data, axes, series) {
       });
       return obj;
     });
-  } catch (e) {
-    console.error("生成AI数据失败：", e);
+  } catch (e) {// console.error("生成AI数据失败：",e);
+  }
+
+  return [];
+}; //生成饼图的AI图表分析所需的数据
+
+
+exports.useAiData = useAiData;
+
+var useAiDataOfPie = function useAiDataOfPie(series, legend) {
+  try {
+    var _legend$config$value$ = legend.config.value.suffix,
+        show = _legend$config$value$.show,
+        text = _legend$config$value$.text;
+    return series.map(function (d) {
+      var _ref2;
+
+      return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, d.displayName, d.value + (show ? text : "")), (0, _defineProperty2["default"])(_ref2, "占比值", d.percent + "%"), _ref2;
+    });
+  } catch (e) {// console.error("生成ai数据失败：",e);
   }
 
   return [];
 };
 
-exports["default"] = _default;
+exports.useAiDataOfPie = useAiDataOfPie;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/charts",
-  "version": "1.4.20",
+  "version": "1.4.21",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/src/components/PieChart.js

@@ -7,6 +7,7 @@ import React, {
   useCallback,
   useRef,
   useState,
+  useEffect,
   useContext,
   useLayoutEffect,
   Fragment,
@@ -24,6 +25,7 @@ import { animate, linear } from 'popmotion';
 import LinearGradient from './LinearGradient';
 import { pieLegendFormatter as legendFormatter } from '../formatter';
 import ringCss from '../css/piechart.module.css';
+import { useAiDataOfPie } from '../hooks';
 
 const PI = Math.PI;
 
@@ -284,7 +286,6 @@ const Component = memo(
       triggerOnRelative,
       onEmit,
     } = useContext(chartContext);
-
     const [y, setY] = useState(1);
     const radius = (Math.min(chartWidth, chartHeight) / 2) * outerRadius;
 
@@ -382,7 +383,7 @@ const Component = memo(
       if(_series.length<arcs.length) console.warn("请检查数据中是否存在相同的s");
       return arcs.map((arc, index) => getArc(radius, arc, _series, index));
     }, [series, arcs, radius]);
-
+    
     const onClick = useCallback(
       (e) =>
         onEvent({
@@ -448,6 +449,22 @@ const Component = memo(
       onEmit,
       triggerOnRelative,
     ]);
+    const aiData = useAiDataOfPie(_arcs, legend);
+    useEffect(()=>{
+      if(aiData.length){
+        if(!window.aiData){ 
+          window.aiData={};
+        }
+        window.aiData[id]={
+          getAI:()=>{
+            return aiData;
+          }
+        }
+      }
+      return ()=>{
+        delete window.aiData[id];
+      }
+    },[JSON.stringify(aiData),id]);
 
     const halfChartWidth = chartWidth / 2;
     const halfChartHeight = chartHeight / 2;

package/src/hooks/index.js

@@ -5,7 +5,7 @@ import useTooltip from './useTooltip';
 import useAnimateData from './useAnimateData';
 import useCarouselAxisX from './useCarouselAxisX';
 import useExtentData from './useExtentData';
-import useAiData from './useAiData';
+import { useAiData, useAiDataOfPie } from './useAiData';
 
 export {
   useFilterData,
@@ -15,5 +15,6 @@ export {
   useAnimateData,
   useCarouselAxisX,
   useExtentData,
-  useAiData
+  useAiData,
+  useAiDataOfPie
 };

package/src/hooks/useAiData.js

@@ -1,5 +1,5 @@
 //生成AI图表分析所需的数据
-export default (data, axes, series)=>{
+export const useAiData = (data, axes, series)=>{
     try{
         const xAxis = axes.get("x");
         const xType = xAxis.config.label.format.type=="date"?"时间":"类别";
@@ -34,9 +34,25 @@ export default (data, axes, series)=>{
                 obj[target[0]] = target[1];
             });
             return obj;
+        });
+    }catch(e){
+        // console.error("生成AI数据失败：",e);
+    }
+    return [];
+}
+
+//生成饼图的AI图表分析所需的数据
+export const useAiDataOfPie = (series, legend)=>{
+    try{
+        const { show, text } = legend.config.value.suffix;
+        return series.map(d=>{
+            return {
+                [d.displayName]:d.value+(show?text:""),
+                "占比值":d.percent+"%"
+            }
         })
     }catch(e){
-        console.error("生成AI数据失败：",e);
+        // console.error("生成ai数据失败：",e);
     }
     return [];
 }