| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163 |
- import { __rest } from "tslib";
- import { get, isNumber } from '@antv/util';
- import { animation, annotation, interaction, pattern, scale, state, theme, tooltip } from '../../adaptor/common';
- import { geometry as geometryAdaptor } from '../../adaptor/geometries/base';
- import { deepAssign, findGeometry, flow, transformLabel } from '../../utils';
- import { getTooltipMapping } from '../../utils/tooltip';
- function geometry(params) {
- var chart = params.chart, options = params.options;
- var data = options.data, type = options.type, xField = options.xField, yField = options.yField, colorField = options.colorField, sizeField = options.sizeField, sizeRatio = options.sizeRatio, shape = options.shape, color = options.color, tooltip = options.tooltip, heatmapStyle = options.heatmapStyle, meta = options.meta;
- chart.data(data);
- var geometryType = 'polygon';
- if (type === 'density') {
- geometryType = 'heatmap';
- }
- var _a = getTooltipMapping(tooltip, [xField, yField, colorField]), fields = _a.fields, formatter = _a.formatter;
- /**
- * The ratio between the actual size and the max available size, must be in range `[0,1]`.
- *
- * If the `sizeRatio` attribute is undefined or it exceeds the range,
- * `checkedSizeRatio` would be set to 1 as default.
- */
- var checkedSizeRatio = 1;
- if (sizeRatio || sizeRatio === 0) {
- if (!shape && !sizeField) {
- console.warn('sizeRatio is not in effect: Must define shape or sizeField first');
- }
- else if (sizeRatio < 0 || sizeRatio > 1) {
- console.warn('sizeRatio is not in effect: It must be a number in [0,1]');
- }
- else {
- checkedSizeRatio = sizeRatio;
- }
- }
- geometryAdaptor(deepAssign({}, params, {
- options: {
- type: geometryType,
- colorField: colorField,
- tooltipFields: fields,
- shapeField: sizeField || '',
- label: undefined,
- mapping: {
- tooltip: formatter,
- shape: shape &&
- (sizeField
- ? function (dautm) {
- var field = data.map(function (row) { return row[sizeField]; });
- var _a = (meta === null || meta === void 0 ? void 0 : meta[sizeField]) || {}, min = _a.min, max = _a.max;
- min = isNumber(min) ? min : Math.min.apply(Math, field);
- max = isNumber(max) ? max : Math.max.apply(Math, field);
- return [shape, (get(dautm, sizeField) - min) / (max - min), checkedSizeRatio];
- }
- : function () { return [shape, 1, checkedSizeRatio]; }),
- color: color || (colorField && chart.getTheme().sequenceColors.join('-')),
- style: heatmapStyle,
- },
- },
- }));
- return params;
- }
- /**
- * meta 配置
- * @param params
- */
- function meta(params) {
- var _a;
- var options = params.options;
- var xAxis = options.xAxis, yAxis = options.yAxis, xField = options.xField, yField = options.yField;
- return flow(scale((_a = {},
- _a[xField] = xAxis,
- _a[yField] = yAxis,
- _a)))(params);
- }
- /**
- * axis 配置
- * @param params
- */
- function axis(params) {
- var chart = params.chart, options = params.options;
- var xAxis = options.xAxis, yAxis = options.yAxis, xField = options.xField, yField = options.yField;
- // 为 false 则是不显示轴
- if (xAxis === false) {
- chart.axis(xField, false);
- }
- else {
- chart.axis(xField, xAxis);
- }
- if (yAxis === false) {
- chart.axis(yField, false);
- }
- else {
- chart.axis(yField, yAxis);
- }
- return params;
- }
- /**
- * legend 配置
- * @param params
- */
- function legend(params) {
- var chart = params.chart, options = params.options;
- var legend = options.legend, colorField = options.colorField, sizeField = options.sizeField, sizeLegend = options.sizeLegend;
- /** legend 不为 false, 则展示图例, 优先展示 color 分类图例 */
- var showLegend = legend !== false;
- if (colorField) {
- chart.legend(colorField, showLegend ? legend : false);
- }
- // 旧版本: 有 sizeField 就有 sizeLegend. 这里默认继承下 legend 配置
- if (sizeField) {
- chart.legend(sizeField, sizeLegend === undefined ? legend : sizeLegend);
- }
- /** 默认没有 sizeField,则隐藏连续图例 */
- if (!showLegend && !sizeLegend) {
- chart.legend(false);
- }
- return params;
- }
- /**
- * fixme 后续确认下,数据标签的逻辑为啥和通用的不一致
- * 数据标签
- * @param params
- */
- function label(params) {
- var chart = params.chart, options = params.options;
- var label = options.label, colorField = options.colorField, type = options.type;
- var geometry = findGeometry(chart, type === 'density' ? 'heatmap' : 'polygon');
- if (!label) {
- geometry.label(false);
- }
- else if (colorField) {
- var callback = label.callback, cfg = __rest(label, ["callback"]);
- geometry.label({
- fields: [colorField],
- callback: callback,
- cfg: transformLabel(cfg),
- });
- }
- return params;
- }
- /**
- * 极坐标
- * @param params
- */
- function coordinate(params) {
- var _a, _b;
- var chart = params.chart, options = params.options;
- var coordinate = options.coordinate, reflect = options.reflect;
- var coordinateOption = deepAssign({ actions: [] }, coordinate !== null && coordinate !== void 0 ? coordinate : { type: 'rect' });
- if (reflect) {
- (_b = (_a = coordinateOption.actions) === null || _a === void 0 ? void 0 : _a.push) === null || _b === void 0 ? void 0 : _b.call(_a, ['reflect', reflect]);
- }
- chart.coordinate(coordinateOption);
- return params;
- }
- /**
- * 热力图适配器
- * @param chart
- * @param options
- */
- export function adaptor(params) {
- // flow 的方式处理所有的配置到 G2 API
- return flow(theme, pattern('heatmapStyle'), meta, coordinate, geometry, axis, legend, tooltip, label, annotation(), interaction, animation, state)(params);
- }
- //# sourceMappingURL=adaptor.js.map
|