@antv/g2plot
Version:
An interactive and responsive charting library
133 lines (132 loc) • 4.4 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.adaptor = exports.meta = void 0;
var util_1 = require("@antv/util");
var common_1 = require("../../adaptor/common");
var locale_1 = require("../../core/locale");
var utils_1 = require("../../utils");
var conversion_1 = require("../../utils/conversion");
var basic_1 = require("./geometries/basic");
var compare_1 = require("./geometries/compare");
var facet_1 = require("./geometries/facet");
var dynamic_height_1 = require("./geometries/dynamic-height");
var constant_1 = require("./constant");
/**
*
* 各式漏斗图geometry实现细节有较大不同,
* 1. 普通漏斗图：interval.shape('funnel')
* 2. 对比漏斗图：分面
* 3. 动态高度漏斗图：polypon
* 4. 分面漏斗图：普通 + list 分面
* /
/**
* options 处理
* @param params
*/
function defaultOptions(params) {
var options = params.options;
var compareField = options.compareField, xField = options.xField, yField = options.yField, locale = options.locale, funnelStyle = options.funnelStyle, data = options.data;
var i18n = locale_1.getLocale(locale);
var defaultOption = {
label: compareField
? {
fields: [xField, yField, compareField, constant_1.FUNNEL_PERCENT, constant_1.FUNNEL_CONVERSATION],
formatter: function (datum) { return "" + datum[yField]; },
}
: {
fields: [xField, yField, constant_1.FUNNEL_PERCENT, constant_1.FUNNEL_CONVERSATION],
offset: 0,
position: 'middle',
formatter: function (datum) { return datum[xField] + " " + datum[yField]; },
},
tooltip: {
title: xField,
formatter: function (datum) {
return { name: datum[xField], value: datum[yField] };
},
},
conversionTag: {
// conversionTag 的计算和显示逻辑统一保持一致
formatter: function (datum) {
return i18n.get(['conversionTag', 'label']) + ": " + conversion_1.conversionTagFormatter.apply(void 0, datum[constant_1.FUNNEL_CONVERSATION]);
},
},
};
// 漏斗图样式
var style;
if (compareField || funnelStyle) {
style = function (datum) {
return utils_1.deepAssign({},
// 对比漏斗图默认描边
compareField && { lineWidth: 1, stroke: '#fff' }, util_1.isFunction(funnelStyle) ? funnelStyle(datum) : funnelStyle);
};
}
return utils_1.deepAssign({ options: defaultOption }, params, { options: { funnelStyle: style, data: util_1.clone(data) } });
}
/**
* geometry处理
* @param params
*/
function geometry(params) {
var options = params.options;
var compareField = options.compareField, dynamicHeight = options.dynamicHeight, seriesField = options.seriesField;
if (seriesField) {
return facet_1.facetFunnel(params);
}
if (compareField) {
return compare_1.compareFunnel(params);
}
if (dynamicHeight) {
return dynamic_height_1.dynamicHeightFunnel(params);
}
return basic_1.basicFunnel(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 utils_1.flow(common_1.scale((_a = {},
_a[xField] = xAxis,
_a[yField] = yAxis,
_a)))(params);
}
exports.meta = meta;
/**
* 坐标轴
* @param params
*/
function axis(params) {
var chart = params.chart;
chart.axis(false);
return params;
}
/**
* legend 配置
* @param params
*/
function legend(params) {
var chart = params.chart, options = params.options;
var legend = options.legend;
if (legend === false) {
chart.legend(false);
}
else {
chart.legend(legend);
// TODO FIX: legend-click 时间和转化率组件之间的关联
}
return params;
}
/**
* 漏斗图适配器
* @param chart
* @param options
*/
function adaptor(params) {
return utils_1.flow(defaultOptions, geometry, meta, axis, common_1.tooltip, common_1.interaction, legend, common_1.animation, common_1.theme, common_1.annotation())(params);
}
exports.adaptor = adaptor;
//# sourceMappingURL=adaptor.js.map