223 lines
5.6 KiB
Java
223 lines
5.6 KiB
Java
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 |