123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 |
- import * as vec2 from 'zrender/lib/core/vector.js';
- import { getSymbolSize, getNodeGlobalScale } from './graphHelper.js';
- import * as zrUtil from 'zrender/lib/core/util.js';
- import { getCurvenessForEdge } from '../helper/multipleGraphEdgeHelper.js';
- var PI = Math.PI;
- var _symbolRadiansHalf = [];
- export 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: cx,
- cy: cy
- });
- if (!count) {
- return;
- }
- if (draggingNode) {
- var _a = coordSys.pointToData(pointer),
- tempX = _a[0],
- tempY = _a[1];
- var v = [tempX - cx, tempY - cy];
- vec2.normalize(v, v);
- vec2.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 = zrUtil.retrieve3(edge.getModel().get(['lineStyle', 'curveness']), getCurvenessForEdge(edge, seriesModel, index), 0);
- var p1 = vec2.clone(edge.node1.getLayout());
- var p2 = vec2.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;
- });
- }
- };
- export 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');
- zrUtil.extend(emphasisState.textConfig || (emphasisState.textConfig = {}), {
- position: textPosition
- });
- } else {
- symbolPath.setTextConfig({
- rotation: labelRotate *= Math.PI / 180
- });
- }
- }
|