@alicloud/cloud-charts/lib/Wradar/index.js


'use strict';

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = exports.Radar = void 0;
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
var _Base2 = _interopRequireDefault(require("../common/Base"));
var _errorWrap = _interopRequireDefault(require("../common/errorWrap"));
var _rectXAxis = _interopRequireDefault(require("../common/rectXAxis"));
var _rectYAxis = _interopRequireDefault(require("../common/rectYAxis"));
var _rectTooltip = _interopRequireDefault(require("../common/rectTooltip"));
var _rectLegend = _interopRequireDefault(require("../common/rectLegend"));
var _guide = _interopRequireDefault(require("../common/guide"));
var _common = require("../common/common");
var _legendFilter = _interopRequireDefault(require("../common/legendFilter"));
var _drawLine = _interopRequireDefault(require("../common/drawLine"));
var _polarLegendLayout = _interopRequireDefault(require("../common/polarLegendLayout"));
var _autoTimeScale = _interopRequireDefault(require("../common/autoTimeScale"));
var _themes = _interopRequireDefault(require("../themes"));
require("./index.css");
// 3.x代码
var Radar = exports.Radar = /*#__PURE__*/function (_Base) {
  (0, _inheritsLoose2["default"])(Radar, _Base);
  function Radar() {
    var _this;
    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }
    _this = _Base.call.apply(_Base, [this].concat(args)) || this;
    _this.chartName = 'G2Radar';
    return _this;
  }
  var _proto = Radar.prototype;
  _proto.getDefaultConfig = function getDefaultConfig() {
    return {
      colors: _themes["default"].category_12,
      areaColors: [],
      xAxis: {
        labelFormatter: null
      },
      yAxis: {
        labelFormatter: null,
        // 可以强制覆盖，手动设置label
        min: 0
      },
      legend: {
        position: 'bottom',
        align: 'center',
        nameFormatter: null
      },
      tooltip: {
        titleFormatter: null,
        nameFormatter: null,
        valueFormatter: null
      },
      area: false,
      symbol: false,
      label: false,
      spline: false,
      radius: 1
    };
  };
  _proto.init = function init(chart, config, data) {
    var defs = {
      x: (0, _common.propertyAssign)(_common.propertyMap.axis, {
        // type: 'time',
        // 折线图X轴的范围默认覆盖全部区域，保证没有空余
        // range: [0, 1],
      }, config.xAxis),
      y: (0, _common.propertyAssign)(_common.propertyMap.axis, {
        type: 'linear',
        tickCount: 5,
        nice: true
      }, config.yAxis),
      type: {
        type: 'cat'
      }
    };
    (0, _autoTimeScale["default"])(defs, this.rawData, this.language || this.context.language);
    chart.scale(defs);
    chart.data(data);

    // 极坐标配置
    chart.coordinate('polar', {
      radius: config.radius
    });

    // 设置X轴
    (0, _rectXAxis["default"])(this, chart, config);

    // 设置单个Y轴
    (0, _rectYAxis["default"])(this, chart, config);

    // 设置图例
    (0, _rectLegend["default"])(this, chart, config, null, 'multiple', 'type', true);
    (0, _legendFilter["default"])(this, chart);

    // tooltip
    (0, _rectTooltip["default"])(this, chart, config, {}, null, {
      showCrosshairs: true,
      crosshairs: {
        type: 'xy'
        // line: {
        //   style: {
        //     stroke: '#565656',
        //     lineDash: [4],
        //   },
        // },
        // follow: true
      }
    });

    // 绘制辅助线，辅助背景区域
    (0, _guide["default"])(chart, config);
    (0, _drawLine["default"])(chart, config);
    (0, _polarLegendLayout["default"])(chart);
  };
  return Radar;
}(_Base2["default"]);
var Wradar = (0, _errorWrap["default"])(Radar);
var _default = exports["default"] = Wradar;