NuclearDispersionSystem/ant-design-vue-jeecg/node_modules/@antv/g2/esm/util/axis.js

223 lines
5.6 KiB
Java
Raw Normal View History

2023-09-14 14:47:11 +08:00
import { get, isBoolean } from '@antv/util';
import { DIRECTION } from '../constant';
import { getName } from './scale';
import { vec2 } from '@antv/matrix-util';
/**
* @ignore
* get axis relative region ( 0 ~ 1) by direction when coordinate is rect
* @param direction
* @returns axis coordinate region
*/
export function getLineAxisRelativeRegion(direction) {
var start;
var end;
switch (direction) {
case DIRECTION.TOP:
start = { x: 0, y: 1 };
end = { x: 1, y: 1 };
break;
case DIRECTION.RIGHT:
start = { x: 1, y: 0 };
end = { x: 1, y: 1 };
break;
case DIRECTION.BOTTOM:
start = { x: 0, y: 0 };
end = { x: 1, y: 0 };
break;
case DIRECTION.LEFT:
start = { x: 0, y: 0 };
end = { x: 0, y: 1 };
break;
default:
start = end = { x: 0, y: 0 };
}
return { start: start, end: end };
}
/**
* @ignore
* get axis relative region ( 0 ~ 1) by direction when coordinate is polar
* @param coordinate
* @returns axis coordinate region
*/
export function getCircleAxisRelativeRegion(coordinate) {
var start;
var end;
if (coordinate.isTransposed) {
start = {
x: 0,
y: 0,
};
end = {
x: 1,
y: 0,
};
}
else {
start = {
x: 0,
y: 0,
};
end = {
x: 0,
y: 1,
};
}
return { start: start, end: end };
}
/**
* @ignore
* get the axis region from coordinate
* @param coordinate
* @param direction
* @returns the axis region (start point, end point)
*/
export function getAxisRegion(coordinate, direction) {
var region = { start: { x: 0, y: 0 }, end: { x: 0, y: 0 } };
if (coordinate.isRect) {
region = getLineAxisRelativeRegion(direction);
}
else if (coordinate.isPolar) {
region = getCircleAxisRelativeRegion(coordinate);
}
var start = region.start, end = region.end;
return {
start: coordinate.convert(start),
end: coordinate.convert(end),
};
}
/**
* @ignore
* get axis factor
* @param coordinate
* @param direction
* @returns factor
*/
export function getAxisFactor(coordinate, direction) {
// rect coordinate, by direction
if (coordinate.isRect) {
return coordinate.isTransposed
? [DIRECTION.RIGHT, DIRECTION.BOTTOM].includes(direction)
? 1
: -1
: [DIRECTION.BOTTOM, DIRECTION.RIGHT].includes(direction)
? -1
: 1;
}
// polar y axis, by angle
if (coordinate.isPolar) {
var startAngle = coordinate.x.start;
return startAngle < 0 ? -1 : 1;
}
return 1;
}
/**
* @ignore
* whether the axis isVertical
* @param region
* @returns isVertical
*/
export function isVertical(region) {
var start = region.start, end = region.end;
return start.x === end.x;
}
/**
* @ignore
* get factor by region (real position)
* @param region
* @param center
* @returns factor
*/
export function getAxisFactorByRegion(region, center) {
var start = region.start, end = region.end;
var isAxisVertical = isVertical(region);
// 垂直
if (isAxisVertical) {
// 左方,从下到上、右方,从上到下
if ((start.y - end.y) * (center.x - start.x) > 0) {
return 1;
}
else {
return -1;
}
}
else {
// 下方,从左到右、上方,从右到做
if ((end.x - start.x) * (start.y - center.y) > 0) {
return -1;
}
else {
return 1;
}
}
}
/**
* @ignore
* get the axis cfg from theme
* @param theme view theme object
* @param direction axis direction
* @returns axis theme cfg
*/
export function getAxisThemeCfg(theme, direction) {
return get(theme, ['components', 'axis', direction], {});
}
/**
* @ignore
* get circle axis center and radius
* @param coordinate
*/
export function getCircleAxisCenterRadius(coordinate) {
// @ts-ignore
var x = coordinate.x, y = coordinate.y, center = coordinate.circleCenter;
var isReflectY = y.start > y.end;
var start = coordinate.isTransposed
? coordinate.convert({
x: isReflectY ? 0 : 1,
y: 0,
})
: coordinate.convert({
x: 0,
y: isReflectY ? 0 : 1,
});
var startVector = [start.x - center.x, start.y - center.y];
var normalVector = [1, 0];
var startAngle = start.y > center.y ? vec2.angle(startVector, normalVector) : vec2.angle(startVector, normalVector) * -1;
var endAngle = startAngle + (x.end - x.start);
var radius = Math.sqrt(Math.pow((start.x - center.x), 2) + Math.pow((start.y - center.y), 2));
return {
center: center,
radius: radius,
startAngle: startAngle,
endAngle: endAngle,
};
}
/**
* @ignore
* 从配置中获取单个字段的 axis 配置
* @param axes
* @param field
* @returns the axis option of field
*/
export function getAxisOption(axes, field) {
if (isBoolean(axes)) {
return axes === false ? false : {};
}
return get(axes, [field]);
}
/**
* @ignore
* 如果配置了 position则使用配置
* @param axisOption
* @param def
*/
export function getAxisDirection(axisOption, def) {
return get(axisOption, 'position', def);
}
/**
* 获取 axis title 文本
* @param scale
* @param axisOption
*/
export function getAxisTitleText(scale, axisOption) {
return get(axisOption, ['title', 'text'], getName(scale));
}
//# sourceMappingURL=axis.js.map