cione-comp-lib
Version:
`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`
122 lines (121 loc) • 4.34 kB
JavaScript
import { normalize, scale, clone } from "../../../../zrender/lib/core/vector.mjs";
import { getNodeGlobalScale, getSymbolSize } from "./graphHelper.mjs";
import { retrieve3, extend } from "../../../../zrender/lib/core/util.mjs";
import { getCurvenessForEdge } from "../helper/multipleGraphEdgeHelper.mjs";
var PI = Math.PI;
var _symbolRadiansHalf = [];
function circularLayout(seriesModel, basedOn, draggingNode, pointer) {
var coordSys = seriesModel.coordinateSystem;
if (coordSys && coordSys.type !== "view") {
return;
}
var rect = coordSys.getBoundingRect();
var nodeData = seriesModel.getData();
var graph = nodeData.graph;
var cx = rect.width / 2 + rect.x;
var cy = rect.height / 2 + rect.y;
var r = Math.min(rect.width, rect.height) / 2;
var count = nodeData.count();
nodeData.setLayout({
cx,
cy
});
if (!count) {
return;
}
if (draggingNode) {
var _a = coordSys.pointToData(pointer), tempX = _a[0], tempY = _a[1];
var v = [tempX - cx, tempY - cy];
normalize(v, v);
scale(v, v, r);
draggingNode.setLayout([cx + v[0], cy + v[1]], true);
var circularRotateLabel = seriesModel.get(["circular", "rotateLabel"]);
rotateNodeLabel(draggingNode, circularRotateLabel, cx, cy);
}
_layoutNodesBasedOn[basedOn](seriesModel, graph, nodeData, r, cx, cy, count);
graph.eachEdge(function(edge, index) {
var curveness = retrieve3(edge.getModel().get(["lineStyle", "curveness"]), getCurvenessForEdge(edge, seriesModel, index), 0);
var p1 = clone(edge.node1.getLayout());
var p2 = clone(edge.node2.getLayout());
var cp1;
var x12 = (p1[0] + p2[0]) / 2;
var y12 = (p1[1] + p2[1]) / 2;
if (+curveness) {
curveness *= 3;
cp1 = [cx * curveness + x12 * (1 - curveness), cy * curveness + y12 * (1 - curveness)];
}
edge.setLayout([p1, p2, cp1]);
});
}
var _layoutNodesBasedOn = {
value: function(seriesModel, graph, nodeData, r, cx, cy, count) {
var angle = 0;
var sum = nodeData.getSum("value");
var unitAngle = Math.PI * 2 / (sum || count);
graph.eachNode(function(node) {
var value = node.getValue("value");
var radianHalf = unitAngle * (sum ? value : 1) / 2;
angle += radianHalf;
node.setLayout([r * Math.cos(angle) + cx, r * Math.sin(angle) + cy]);
angle += radianHalf;
});
},
symbolSize: function(seriesModel, graph, nodeData, r, cx, cy, count) {
var sumRadian = 0;
_symbolRadiansHalf.length = count;
var nodeScale = getNodeGlobalScale(seriesModel);
graph.eachNode(function(node) {
var symbolSize = getSymbolSize(node);
isNaN(symbolSize) && (symbolSize = 2);
symbolSize < 0 && (symbolSize = 0);
symbolSize *= nodeScale;
var symbolRadianHalf = Math.asin(symbolSize / 2 / r);
isNaN(symbolRadianHalf) && (symbolRadianHalf = PI / 2);
_symbolRadiansHalf[node.dataIndex] = symbolRadianHalf;
sumRadian += symbolRadianHalf * 2;
});
var halfRemainRadian = (2 * PI - sumRadian) / count / 2;
var angle = 0;
graph.eachNode(function(node) {
var radianHalf = halfRemainRadian + _symbolRadiansHalf[node.dataIndex];
angle += radianHalf;
(!node.getLayout() || !node.getLayout().fixed) && node.setLayout([r * Math.cos(angle) + cx, r * Math.sin(angle) + cy]);
angle += radianHalf;
});
}
};
function rotateNodeLabel(node, circularRotateLabel, cx, cy) {
var el = node.getGraphicEl();
if (!el) {
return;
}
var nodeModel = node.getModel();
var labelRotate = nodeModel.get(["label", "rotate"]) || 0;
var symbolPath = el.getSymbolPath();
if (circularRotateLabel) {
var pos = node.getLayout();
var rad = Math.atan2(pos[1] - cy, pos[0] - cx);
if (rad < 0) {
rad = Math.PI * 2 + rad;
}
var isLeft = pos[0] < cx;
if (isLeft) {
rad = rad - Math.PI;
}
var textPosition = isLeft ? "left" : "right";
symbolPath.setTextConfig({
rotation: -rad,
position: textPosition,
origin: "center"
});
var emphasisState = symbolPath.ensureState("emphasis");
extend(emphasisState.textConfig || (emphasisState.textConfig = {}), {
position: textPosition
});
} else {
symbolPath.setTextConfig({
rotation: labelRotate *= Math.PI / 180
});
}
}
export { circularLayout, rotateNodeLabel };