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


'use strict';

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = exports.Heatmap = 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 _label = _interopRequireDefault(require("../common/label"));
var _index = _interopRequireDefault(require("../themes/index"));
var _common = require("../common/common");
var _legendFilter = _interopRequireDefault(require("../common/legendFilter"));
var _geomStyle = _interopRequireDefault(require("../common/geomStyle"));
require("./index.css");
// 3.x代码
var Heatmap = exports.Heatmap = /*#__PURE__*/function (_Base) {
  (0, _inheritsLoose2["default"])(Heatmap, _Base);
  function Heatmap() {
    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 = 'G2Heatmap';
    return _this;
  }
  var _proto = Heatmap.prototype;
  _proto.getDefaultConfig = function getDefaultConfig() {
    return {
      colors: _index["default"].category_12,
      // padding: ['auto', 'auto', 'auto', 'auto'],
      xAxis: {
        type: 'cat',
        labelFormatter: null,
        // 可以强制覆盖，手动设置label
        categories: null,
        autoRotate: false
      },
      yAxis: {
        labelFormatter: null,
        // 可以强制覆盖，手动设置label
        max: null,
        min: null
      },
      legend: {
        align: 'left',
        nameFormatter: null // 可以强制覆盖，手动设置label
      },
      tooltip: {
        titleFormatter: null,
        nameFormatter: null,
        valueFormatter: null
      },
      // grid: false,
      label: false,
      coordinate: null
    };
  };
  _proto.init = function init(chart, config, data) {
    var defs = {
      x: (0, _common.propertyAssign)(_common.propertyMap.axis, {
        type: 'cat'
      }, config.xAxis),
      y: (0, _common.propertyAssign)(_common.propertyMap.axis, {
        type: 'cat'
      }, config.yAxis),
      type: {
        type: 'cat'
      }
    };
    chart.scale(defs);
    chart.data(data);
    if (config.coordinate) {
      var _config$coordinate = config.coordinate,
        _config$coordinate$ty = _config$coordinate.type,
        type = _config$coordinate$ty === void 0 ? 'rect' : _config$coordinate$ty,
        reflect = _config$coordinate.reflect;
      var coord = chart.coordinate(type);
      if (reflect) {
        coord.reflect(reflect);
      }
    }

    // 设置单个Y轴
    (0, _rectYAxis["default"])(this, chart, config, undefined, {
      grid: null
    });

    // 设置X轴
    (0, _rectXAxis["default"])(this, chart, config);
    chart.legend('x', false);
    chart.legend('y', false);
    // 设置图例
    (0, _rectLegend["default"])(this, chart, config, {}, 'multiple', 'type');
    (0, _legendFilter["default"])(this, chart);

    // tooltip
    (0, _rectTooltip["default"])(this, chart, config, {
      showMarkers: false,
      showCrosshairs: false
    }, null, {
      showTitle: false,
      showMarkers: false,
      showCrosshairs: false
    });

    // 绘制辅助线，辅助背景区域
    (0, _guide["default"])(chart, config);
    var geom = chart.polygon().position('x*y').color('type', config.colors).tooltip('x*y*extra', function (x, y, extra) {
      var val = Array.isArray(extra) ? extra[0] : extra.value;
      return {
        name: x + " - " + y,
        value: val || val === 0 ? val : '-'
      };
    });
    (0, _geomStyle["default"])(geom, config.geomStyle, {
      lineWidth: 1,
      stroke: _index["default"]['widgets-map-area-border']
    });
    (0, _label["default"])({
      geom: geom,
      config: config,
      useCustomOffset: true,
      componentConfig: {
        position: 'middle',
        offset: 0,
        content: function content(data, item, i) {
          if (!config.label) {
            return;
          }
          var val = Array.isArray(data.extra) ? data.extra[0] : data.extra.value;
          var result = val || val === 0 ? val : '-';
          if (typeof config.label === 'object' && config.label.labelFormatter) {
            result = config.label.labelFormatter(result, item, i);
          }
          return result;
        }
      }
    });
  };
  return Heatmap;
}(_Base2["default"]);
var Wheatmap = (0, _errorWrap["default"])(Heatmap);
var _default = exports["default"] = Wheatmap;