sun-card-design 1.1.16 → 1.1.18

package/dist/mobile/sun-card-design-mobile.es1792.js

@@ -1,119 +1,187 @@
 import { __extends } from "./sun-card-design-mobile.es1717.js";
-import MapDraw from "./sun-card-design-mobile.es2049.js";
+import * as graphic from "./sun-card-design-mobile.es1757.js";
+import { setStatesStylesFromModel, toggleHoverEmphasis } from "./sun-card-design-mobile.es1728.js";
+import { defaults, each, extend, clone, map } from "./sun-card-design-mobile.es922.js";
+import { normalizeSymbolSize, createSymbol } from "./sun-card-design-mobile.es2046.js";
 import ChartView from "./sun-card-design-mobile.es919.js";
-import { setLabelStyle, getLabelStatesModels } from "./sun-card-design-mobile.es1915.js";
-import { Z2_EMPHASIS_LIFT, setStatesFlag } from "./sun-card-design-mobile.es1728.js";
-import Circle from "./sun-card-design-mobile.es1967.js";
-var MapView = (
+import { setLabelStyle, getLabelStatesModels } from "./sun-card-design-mobile.es1918.js";
+import ZRImage from "./sun-card-design-mobile.es1749.js";
+import { initProps, saveOldStyle, updateProps } from "./sun-card-design-mobile.es1751.js";
+import Polygon from "./sun-card-design-mobile.es1997.js";
+import Polyline from "./sun-card-design-mobile.es1998.js";
+import Group from "./sun-card-design-mobile.es1753.js";
+var RadarView = (
   /** @class */
   (function(_super) {
-    __extends(MapView2, _super);
-    function MapView2() {
+    __extends(RadarView2, _super);
+    function RadarView2() {
       var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.type = MapView2.type;
+      _this.type = RadarView2.type;
       return _this;
     }
-    MapView2.prototype.render = function(mapModel, ecModel, api, payload) {
-      if (payload && payload.type === "mapToggleSelect" && payload.from === this.uid) {
-        return;
-      }
+    RadarView2.prototype.render = function(seriesModel, ecModel, api) {
+      var polar = seriesModel.coordinateSystem;
       var group = this.group;
-      group.removeAll();
-      if (mapModel.getHostGeoModel()) {
-        return;
-      }
-      if (this._mapDraw && payload && payload.type === "geoRoam") {
-        this._mapDraw.resetForLabelLayout();
+      var data = seriesModel.getData();
+      var oldData = this._data;
+      function createSymbol$1(data2, idx) {
+        var symbolType = data2.getItemVisual(idx, "symbol") || "circle";
+        if (symbolType === "none") {
+          return;
+        }
+        var symbolSize = normalizeSymbolSize(data2.getItemVisual(idx, "symbolSize"));
+        var symbolPath = createSymbol(symbolType, -1, -1, 2, 2);
+        var symbolRotate = data2.getItemVisual(idx, "symbolRotate") || 0;
+        symbolPath.attr({
+          style: {
+            strokeNoScale: true
+          },
+          z2: 100,
+          scaleX: symbolSize[0] / 2,
+          scaleY: symbolSize[1] / 2,
+          rotation: symbolRotate * Math.PI / 180 || 0
+        });
+        return symbolPath;
       }
-      if (!(payload && payload.type === "geoRoam" && payload.componentType === "series" && payload.seriesId === mapModel.id)) {
-        if (mapModel.needsDrawMap) {
-          var mapDraw = this._mapDraw || new MapDraw(api);
-          group.add(mapDraw.group);
-          mapDraw.draw(mapModel, ecModel, api, this, payload);
-          this._mapDraw = mapDraw;
-        } else {
-          this._mapDraw && this._mapDraw.remove();
-          this._mapDraw = null;
+      function updateSymbols(oldPoints, newPoints, symbolGroup, data2, idx, isInit) {
+        symbolGroup.removeAll();
+        for (var i = 0; i < newPoints.length - 1; i++) {
+          var symbolPath = createSymbol$1(data2, idx);
+          if (symbolPath) {
+            symbolPath.__dimIdx = i;
+            if (oldPoints[i]) {
+              symbolPath.setPosition(oldPoints[i]);
+              graphic[isInit ? "initProps" : "updateProps"](symbolPath, {
+                x: newPoints[i][0],
+                y: newPoints[i][1]
+              }, seriesModel, idx);
+            } else {
+              symbolPath.setPosition(newPoints[i]);
+            }
+            symbolGroup.add(symbolPath);
+          }
         }
-      } else {
-        var mapDraw = this._mapDraw;
-        mapDraw && group.add(mapDraw.group);
       }
-      mapModel.get("showLegendSymbol") && ecModel.getComponent("legend") && this._renderSymbols(mapModel, ecModel, api);
-    };
-    MapView2.prototype.remove = function() {
-      this._mapDraw && this._mapDraw.remove();
-      this._mapDraw = null;
-      this.group.removeAll();
-    };
-    MapView2.prototype.dispose = function() {
-      this._mapDraw && this._mapDraw.remove();
-      this._mapDraw = null;
-    };
-    MapView2.prototype._renderSymbols = function(mapModel, ecModel, api) {
-      var originalData = mapModel.originalData;
-      var group = this.group;
-      originalData.each(originalData.mapDimension("value"), function(value, originalDataIndex) {
-        if (isNaN(value)) {
+      function getInitialPoints(points) {
+        return map(points, function(pt) {
+          return [polar.cx, polar.cy];
+        });
+      }
+      data.diff(oldData).add(function(idx) {
+        var points = data.getItemLayout(idx);
+        if (!points) {
           return;
         }
-        var layout = originalData.getItemLayout(originalDataIndex);
-        if (!layout || !layout.point) {
+        var polygon = new Polygon();
+        var polyline = new Polyline();
+        var target = {
+          shape: {
+            points
+          }
+        };
+        polygon.shape.points = getInitialPoints(points);
+        polyline.shape.points = getInitialPoints(points);
+        initProps(polygon, target, seriesModel, idx);
+        initProps(polyline, target, seriesModel, idx);
+        var itemGroup = new Group();
+        var symbolGroup = new Group();
+        itemGroup.add(polyline);
+        itemGroup.add(polygon);
+        itemGroup.add(symbolGroup);
+        updateSymbols(polyline.shape.points, points, symbolGroup, data, idx, true);
+        data.setItemGraphicEl(idx, itemGroup);
+      }).update(function(newIdx, oldIdx) {
+        var itemGroup = oldData.getItemGraphicEl(oldIdx);
+        var polyline = itemGroup.childAt(0);
+        var polygon = itemGroup.childAt(1);
+        var symbolGroup = itemGroup.childAt(2);
+        var target = {
+          shape: {
+            points: data.getItemLayout(newIdx)
+          }
+        };
+        if (!target.shape.points) {
           return;
         }
-        var point = layout.point;
-        var offset = layout.offset;
-        var circle = new Circle({
-          style: {
-            // Because the special of map draw.
-            // Which needs statistic of multiple series and draw on one map.
-            // And each series also need a symbol with legend color
-            //
-            // Layout and visual are put one the different data
-            // TODO
-            fill: mapModel.getData().getVisual("style").fill
-          },
-          shape: {
-            cx: point[0] + offset * 9,
-            cy: point[1],
-            r: 3
-          },
-          silent: true,
-          // Do not overlap the first series, on which labels are displayed.
-          z2: 8 + (!offset ? Z2_EMPHASIS_LIFT + 1 : 0)
+        updateSymbols(polyline.shape.points, target.shape.points, symbolGroup, data, newIdx, false);
+        saveOldStyle(polygon);
+        saveOldStyle(polyline);
+        updateProps(polyline, target, seriesModel);
+        updateProps(polygon, target, seriesModel);
+        data.setItemGraphicEl(newIdx, itemGroup);
+      }).remove(function(idx) {
+        group.remove(oldData.getItemGraphicEl(idx));
+      }).execute();
+      data.eachItemGraphicEl(function(itemGroup, idx) {
+        var itemModel = data.getItemModel(idx);
+        var polyline = itemGroup.childAt(0);
+        var polygon = itemGroup.childAt(1);
+        var symbolGroup = itemGroup.childAt(2);
+        var itemStyle = data.getItemVisual(idx, "style");
+        var color = itemStyle.fill;
+        group.add(itemGroup);
+        polyline.useStyle(defaults(itemModel.getModel("lineStyle").getLineStyle(), {
+          fill: "none",
+          stroke: color
+        }));
+        setStatesStylesFromModel(polyline, itemModel, "lineStyle");
+        setStatesStylesFromModel(polygon, itemModel, "areaStyle");
+        var areaStyleModel = itemModel.getModel("areaStyle");
+        var polygonIgnore = areaStyleModel.isEmpty() && areaStyleModel.parentModel.isEmpty();
+        polygon.ignore = polygonIgnore;
+        each(["emphasis", "select", "blur"], function(stateName) {
+          var stateModel = itemModel.getModel([stateName, "areaStyle"]);
+          var stateIgnore = stateModel.isEmpty() && stateModel.parentModel.isEmpty();
+          polygon.ensureState(stateName).ignore = stateIgnore && polygonIgnore;
         });
-        if (!offset) {
-          var fullData = mapModel.mainSeries.getData();
-          var name_1 = originalData.getName(originalDataIndex);
-          var fullIndex_1 = fullData.indexOfName(name_1);
-          var itemModel = originalData.getItemModel(originalDataIndex);
-          var labelModel = itemModel.getModel("label");
-          var regionGroup = fullData.getItemGraphicEl(fullIndex_1);
-          setLabelStyle(circle, getLabelStatesModels(itemModel), {
-            labelFetcher: {
-              getFormattedLabel: function(idx, state) {
-                return mapModel.getFormattedLabel(fullIndex_1, state);
-              }
-            },
-            defaultText: name_1
-          });
-          circle.disableLabelAnimation = true;
-          if (!labelModel.get("position")) {
-            circle.setTextConfig({
-              position: "bottom"
-            });
+        polygon.useStyle(defaults(areaStyleModel.getAreaStyle(), {
+          fill: color,
+          opacity: 0.7,
+          decal: itemStyle.decal
+        }));
+        var emphasisModel = itemModel.getModel("emphasis");
+        var itemHoverStyle = emphasisModel.getModel("itemStyle").getItemStyle();
+        symbolGroup.eachChild(function(symbolPath) {
+          if (symbolPath instanceof ZRImage) {
+            var pathStyle = symbolPath.style;
+            symbolPath.useStyle(extend({
+              // TODO other properties like x, y ?
+              image: pathStyle.image,
+              x: pathStyle.x,
+              y: pathStyle.y,
+              width: pathStyle.width,
+              height: pathStyle.height
+            }, itemStyle));
+          } else {
+            symbolPath.useStyle(itemStyle);
+            symbolPath.setColor(color);
+            symbolPath.style.strokeNoScale = true;
           }
-          regionGroup.onHoverStateChange = function(toState) {
-            setStatesFlag(circle, toState);
-          };
-        }
-        group.add(circle);
+          var pathEmphasisState = symbolPath.ensureState("emphasis");
+          pathEmphasisState.style = clone(itemHoverStyle);
+          var defaultText = data.getStore().get(data.getDimensionIndex(symbolPath.__dimIdx), idx);
+          (defaultText == null || isNaN(defaultText)) && (defaultText = "");
+          setLabelStyle(symbolPath, getLabelStatesModels(itemModel), {
+            labelFetcher: data.hostModel,
+            labelDataIndex: idx,
+            labelDimIndex: symbolPath.__dimIdx,
+            defaultText,
+            inheritColor: color,
+            defaultOpacity: itemStyle.opacity
+          });
+        });
+        toggleHoverEmphasis(itemGroup, emphasisModel.get("focus"), emphasisModel.get("blurScope"), emphasisModel.get("disabled"));
       });
+      this._data = data;
+    };
+    RadarView2.prototype.remove = function() {
+      this.group.removeAll();
+      this._data = null;
     };
-    MapView2.type = "map";
-    return MapView2;
+    RadarView2.type = "radar";
+    return RadarView2;
   })(ChartView)
 );
 export {
-  MapView as default
+  RadarView as default
 };

package/dist/mobile/sun-card-design-mobile.es1793.js

@@ -1,192 +1,92 @@
 import { __extends } from "./sun-card-design-mobile.es1717.js";
-import { curry, createHashMap, each, merge } from "./sun-card-design-mobile.es922.js";
-import createSeriesDataSimply from "./sun-card-design-mobile.es2043.js";
 import SeriesModel from "./sun-card-design-mobile.es921.js";
-import geoSourceManager from "./sun-card-design-mobile.es1877.js";
-import { makeSeriesEncodeForNameBased } from "./sun-card-design-mobile.es1995.js";
-import { createTooltipMarkup } from "./sun-card-design-mobile.es2006.js";
-import { createSymbol } from "./sun-card-design-mobile.es2030.js";
-var MapSeries = (
+import createSeriesDataSimply from "./sun-card-design-mobile.es2040.js";
+import { bind, map } from "./sun-card-design-mobile.es922.js";
+import LegendVisualProvider from "./sun-card-design-mobile.es2041.js";
+import { retrieveVisualColorForTooltipMarker, createTooltipMarkup } from "./sun-card-design-mobile.es2018.js";
+var RadarSeriesModel = (
   /** @class */
   (function(_super) {
-    __extends(MapSeries2, _super);
-    function MapSeries2() {
+    __extends(RadarSeriesModel2, _super);
+    function RadarSeriesModel2() {
       var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.type = MapSeries2.type;
-      _this.needsDrawMap = false;
-      _this.seriesGroup = [];
-      _this.getTooltipPosition = function(dataIndex) {
-        if (dataIndex != null) {
-          var name_1 = this.getData().getName(dataIndex);
-          var geo = this.coordinateSystem;
-          var region = geo.getRegion(name_1);
-          return region && geo.dataToPoint(region.getCenter());
-        }
-      };
+      _this.type = RadarSeriesModel2.type;
+      _this.hasSymbolVisual = true;
       return _this;
     }
-    MapSeries2.prototype.getInitialData = function(option) {
-      var data = createSeriesDataSimply(this, {
-        coordDimensions: ["value"],
-        encodeDefaulter: curry(makeSeriesEncodeForNameBased, this)
-      });
-      var dataNameIndexMap = createHashMap();
-      var toAppendItems = [];
-      for (var i = 0, len = data.count(); i < len; i++) {
-        var name_2 = data.getName(i);
-        dataNameIndexMap.set(name_2, i);
-      }
-      var geoSource = geoSourceManager.load(this.getMapType(), this.option.nameMap, this.option.nameProperty);
-      each(geoSource.regions, function(region) {
-        var name = region.name;
-        var dataNameIdx = dataNameIndexMap.get(name);
-        var specifiedGeoJSONRegionStyle = region.properties && region.properties.echartsStyle;
-        var dataItem;
-        if (dataNameIdx == null) {
-          dataItem = {
-            name
-          };
-          toAppendItems.push(dataItem);
-        } else {
-          dataItem = data.getRawDataItem(dataNameIdx);
-        }
-        specifiedGeoJSONRegionStyle && merge(dataItem, specifiedGeoJSONRegionStyle);
-      });
-      data.appendData(toAppendItems);
-      return data;
-    };
-    MapSeries2.prototype.getHostGeoModel = function() {
-      var geoIndex = this.option.geoIndex;
-      return geoIndex != null ? this.ecModel.getComponent("geo", geoIndex) : null;
+    RadarSeriesModel2.prototype.init = function(option) {
+      _super.prototype.init.apply(this, arguments);
+      this.legendVisualProvider = new LegendVisualProvider(bind(this.getData, this), bind(this.getRawData, this));
     };
-    MapSeries2.prototype.getMapType = function() {
-      return (this.getHostGeoModel() || this).option.map;
-    };
-    MapSeries2.prototype.getRawValue = function(dataIndex) {
-      var data = this.getData();
-      return data.get(data.mapDimension("value"), dataIndex);
-    };
-    MapSeries2.prototype.getRegionModel = function(regionName) {
-      var data = this.getData();
-      return data.getItemModel(data.indexOfName(regionName));
+    RadarSeriesModel2.prototype.getInitialData = function(option, ecModel) {
+      return createSeriesDataSimply(this, {
+        generateCoord: "indicator_",
+        generateCoordCount: Infinity
+      });
     };
-    MapSeries2.prototype.formatTooltip = function(dataIndex, multipleSeries, dataType) {
+    RadarSeriesModel2.prototype.formatTooltip = function(dataIndex, multipleSeries, dataType) {
       var data = this.getData();
-      var value = this.getRawValue(dataIndex);
-      var name = data.getName(dataIndex);
-      var seriesGroup = this.seriesGroup;
-      var seriesNames = [];
-      for (var i = 0; i < seriesGroup.length; i++) {
-        var otherIndex = seriesGroup[i].originalData.indexOfName(name);
-        var valueDim = data.mapDimension("value");
-        if (!isNaN(seriesGroup[i].originalData.get(valueDim, otherIndex))) {
-          seriesNames.push(seriesGroup[i].name);
-        }
-      }
+      var coordSys = this.coordinateSystem;
+      var indicatorAxes = coordSys.getIndicatorAxes();
+      var name = this.getData().getName(dataIndex);
+      var nameToDisplay = name === "" ? this.name : name;
+      var markerColor = retrieveVisualColorForTooltipMarker(this, dataIndex);
       return createTooltipMarkup("section", {
-        header: seriesNames.join(", "),
-        noHeader: !seriesNames.length,
-        blocks: [createTooltipMarkup("nameValue", {
-          name,
-          value
-        })]
+        header: nameToDisplay,
+        sortBlocks: true,
+        blocks: map(indicatorAxes, function(axis) {
+          var val = data.get(data.mapDimension(axis.dim), dataIndex);
+          return createTooltipMarkup("nameValue", {
+            markerType: "subItem",
+            markerColor,
+            name: axis.name,
+            value: val,
+            sortParam: val
+          });
+        })
       });
     };
-    MapSeries2.prototype.setZoom = function(zoom) {
-      this.option.zoom = zoom;
-    };
-    MapSeries2.prototype.setCenter = function(center) {
-      this.option.center = center;
-    };
-    MapSeries2.prototype.getLegendIcon = function(opt) {
-      var iconType = opt.icon || "roundRect";
-      var icon = createSymbol(iconType, 0, 0, opt.itemWidth, opt.itemHeight, opt.itemStyle.fill);
-      icon.setStyle(opt.itemStyle);
-      icon.style.stroke = "none";
-      if (iconType.indexOf("empty") > -1) {
-        icon.style.stroke = icon.style.fill;
-        icon.style.fill = "#fff";
-        icon.style.lineWidth = 2;
+    RadarSeriesModel2.prototype.getTooltipPosition = function(dataIndex) {
+      if (dataIndex != null) {
+        var data_1 = this.getData();
+        var coordSys = this.coordinateSystem;
+        var values = data_1.getValues(map(coordSys.dimensions, function(dim) {
+          return data_1.mapDimension(dim);
+        }), dataIndex);
+        for (var i = 0, len = values.length; i < len; i++) {
+          if (!isNaN(values[i])) {
+            var indicatorAxes = coordSys.getIndicatorAxes();
+            return coordSys.coordToPoint(indicatorAxes[i].dataToCoord(values[i]), i);
+          }
+        }
       }
-      return icon;
     };
-    MapSeries2.type = "series.map";
-    MapSeries2.dependencies = ["geo"];
-    MapSeries2.layoutMode = "box";
-    MapSeries2.defaultOption = {
-      // 一级层叠
+    RadarSeriesModel2.type = "series.radar";
+    RadarSeriesModel2.dependencies = ["radar"];
+    RadarSeriesModel2.defaultOption = {
       // zlevel: 0,
-      // 二级层叠
       z: 2,
-      coordinateSystem: "geo",
-      // map should be explicitly specified since ec3.
-      map: "",
-      // If `geoIndex` is not specified, a exclusive geo will be
-      // created. Otherwise use the specified geo component, and
-      // `map` and `mapType` are ignored.
-      // geoIndex: 0,
-      // 'center' | 'left' | 'right' | 'x%' | {number}
-      left: "center",
-      // 'center' | 'top' | 'bottom' | 'x%' | {number}
-      top: "center",
-      // right
-      // bottom
-      // width:
-      // height
-      // Aspect is width / height. Inited to be geoJson bbox aspect
-      // This parameter is used for scale this aspect
-      // Default value:
-      // for geoSVG source: 1,
-      // for geoJSON source: 0.75.
-      aspectScale: null,
-      // Layout with center and size
-      // If you want to put map in a fixed size box with right aspect ratio
-      // This two properties may be more convenient.
-      // layoutCenter: [50%, 50%]
-      // layoutSize: 100
-      showLegendSymbol: true,
-      // Define left-top, right-bottom coords to control view
-      // For example, [ [180, 90], [-180, -90] ],
-      // higher priority than center and zoom
-      boundingCoords: null,
-      // Default on center of map
-      center: null,
-      zoom: 1,
-      scaleLimit: null,
-      selectedMode: true,
-      label: {
-        show: false,
-        color: "#000"
+      colorBy: "data",
+      coordinateSystem: "radar",
+      legendHoverLink: true,
+      radarIndex: 0,
+      lineStyle: {
+        width: 2,
+        type: "solid",
+        join: "round"
       },
-      // scaleLimit: null,
-      itemStyle: {
-        borderWidth: 0.5,
-        borderColor: "#444",
-        areaColor: "#eee"
-      },
-      emphasis: {
-        label: {
-          show: true,
-          color: "rgb(100,0,0)"
-        },
-        itemStyle: {
-          areaColor: "rgba(255,215,0,0.8)"
-        }
-      },
-      select: {
-        label: {
-          show: true,
-          color: "rgb(100,0,0)"
-        },
-        itemStyle: {
-          color: "rgba(255,215,0,0.8)"
-        }
+      label: {
+        position: "top"
       },
-      nameProperty: "name"
+      // areaStyle: {
+      // },
+      // itemStyle: {}
+      symbolSize: 8
+      // symbolRotate: null
     };
-    return MapSeries2;
+    return RadarSeriesModel2;
   })(SeriesModel)
 );
 export {
-  MapSeries as default
+  RadarSeriesModel as default
 };

package/dist/mobile/sun-card-design-mobile.es1794.js

@@ -1,61 +1,21 @@
-import { each, map } from "./sun-card-design-mobile.es922.js";
-function dataStatistics(datas, statisticType) {
-  var dataNameMap = {};
-  each(datas, function(data) {
-    data.each(data.mapDimension("value"), function(value, idx) {
-      var mapKey = "ec-" + data.getName(idx);
-      dataNameMap[mapKey] = dataNameMap[mapKey] || [];
-      if (!isNaN(value)) {
-        dataNameMap[mapKey].push(value);
-      }
-    });
-  });
-  return datas[0].map(datas[0].mapDimension("value"), function(value, idx) {
-    var mapKey = "ec-" + datas[0].getName(idx);
-    var sum = 0;
-    var min = Infinity;
-    var max = -Infinity;
-    var len = dataNameMap[mapKey].length;
-    for (var i = 0; i < len; i++) {
-      min = Math.min(min, dataNameMap[mapKey][i]);
-      max = Math.max(max, dataNameMap[mapKey][i]);
-      sum += dataNameMap[mapKey][i];
-    }
-    var result;
-    if (statisticType === "min") {
-      result = min;
-    } else if (statisticType === "max") {
-      result = max;
-    } else if (statisticType === "average") {
-      result = sum / len;
-    } else {
-      result = sum;
-    }
-    return len === 0 ? NaN : result;
-  });
-}
-function mapDataStatistic(ecModel) {
-  var seriesGroups = {};
-  ecModel.eachSeriesByType("map", function(seriesModel) {
-    var hostGeoModel = seriesModel.getHostGeoModel();
-    var key = hostGeoModel ? "o" + hostGeoModel.id : "i" + seriesModel.getMapType();
-    (seriesGroups[key] = seriesGroups[key] || []).push(seriesModel);
-  });
-  each(seriesGroups, function(seriesList, key) {
-    var data = dataStatistics(map(seriesList, function(seriesModel) {
-      return seriesModel.getData();
-    }), seriesList[0].get("mapValueCalculation"));
-    for (var i = 0; i < seriesList.length; i++) {
-      seriesList[i].originalData = seriesList[i].getData();
-    }
-    for (var i = 0; i < seriesList.length; i++) {
-      seriesList[i].seriesGroup = seriesList;
-      seriesList[i].needsDrawMap = i === 0 && !seriesList[i].getHostGeoModel();
-      seriesList[i].setData(data.cloneShallow());
-      seriesList[i].mainSeries = seriesList[0];
+import RadarModel from "./sun-card-design-mobile.es1874.js";
+import RadarView from "./sun-card-design-mobile.es1875.js";
+import Radar from "./sun-card-design-mobile.es1876.js";
+function install(registers) {
+  registers.registerCoordinateSystem("radar", Radar);
+  registers.registerComponentModel(RadarModel);
+  registers.registerComponentView(RadarView);
+  registers.registerVisual({
+    seriesType: "radar",
+    reset: function(seriesModel) {
+      var data = seriesModel.getData();
+      data.each(function(idx) {
+        data.setItemVisual(idx, "legendIcon", "roundRect");
+      });
+      data.setVisual("legendIcon", "roundRect");
     }
   });
 }
 export {
-  mapDataStatistic as default
+  install
 };