"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = Radar;
var _react = _interopRequireDefault(require("react"));
var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function Radar(props) {
  var value = props.value,
    indicator = props.indicator;
  var _useSettings = (0, _useSettings2["default"])(),
    isDark = _useSettings.isDark;
  var option = {
    legend: {
      show: false
    },
    grid: {
      top: '10%',
      left: 'left',
      right: '10%',
      bottom: 10
    },
    radar: {
      // shape: 'circle',
      radius: '70%',
      indicator: indicator || [],
      nameGap: 8,
      axisName: {
        color: isDark ? '#4EFFDA' : '#1890ff'
      },
      splitLine: {
        lineStyle: {
          color: '#C7C7C7'
        }
      },
      splitArea: {
        areaStyle: {
          color: [isDark ? '#17363D' : '#fff']
        }
      }
    },
    series: [{
      name: '雷达',
      type: 'radar',
      data: [{
        value: value || [],
        itemStyle: {
          color: isDark ? '#2FE7EE' : '#1890ff'
        },
        areaStyle: {
          color: isDark ? '#4EFFDA' : '#1890ff'
        }
      }]
    }]
  };
  return /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
    option: option,
    notMerge: true,
    lazyUpdate: true,
    style: {
      height: '100%',
      width: '100%'
    }
  });
}
//# sourceMappingURL=Radar.js.map
