/* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance * with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. */ import GlobalModel from '../../model/Global'; import GraphSeriesModel, { GraphEdgeItemOption } from './GraphSeries'; import { extend } from 'zrender/src/core/util'; function normalize(a: string | string[]): string[]; function normalize(a: number | number[]): number[]; function normalize(a: string | number | (string | number)[]): (string | number)[] { if (!(a instanceof Array)) { a = [a, a]; } return a; } export default function graphEdgeVisual(ecModel: GlobalModel) { ecModel.eachSeriesByType('graph', function (seriesModel: GraphSeriesModel) { const graph = seriesModel.getGraph(); const edgeData = seriesModel.getEdgeData(); const symbolType = normalize(seriesModel.get('edgeSymbol')); const symbolSize = normalize(seriesModel.get('edgeSymbolSize')); // const colorQuery = ['lineStyle', 'color'] as const; // const opacityQuery = ['lineStyle', 'opacity'] as const; edgeData.setVisual('fromSymbol', symbolType && symbolType[0]); edgeData.setVisual('toSymbol', symbolType && symbolType[1]); edgeData.setVisual('fromSymbolSize', symbolSize && symbolSize[0]); edgeData.setVisual('toSymbolSize', symbolSize && symbolSize[1]); edgeData.setVisual('style', seriesModel.getModel('lineStyle').getLineStyle()); edgeData.each(function (idx) { const itemModel = edgeData.getItemModel(idx); const edge = graph.getEdgeByIndex(idx); const symbolType = normalize(itemModel.getShallow('symbol', true)); const symbolSize = normalize(itemModel.getShallow('symbolSize', true)); // Edge visual must after node visual const style = itemModel.getModel('lineStyle').getLineStyle(); const existsStyle = edgeData.ensureUniqueItemVisual(idx, 'style'); extend(existsStyle, style); switch (existsStyle.stroke) { case 'source': { const nodeStyle = edge.node1.getVisual('style'); existsStyle.stroke = nodeStyle && nodeStyle.fill; break; } case 'target': { const nodeStyle = edge.node2.getVisual('style'); existsStyle.stroke = nodeStyle && nodeStyle.fill; break; } } symbolType[0] && edge.setVisual('fromSymbol', symbolType[0]); symbolType[1] && edge.setVisual('toSymbol', symbolType[1]); symbolSize[0] && edge.setVisual('fromSymbolSize', symbolSize[0]); symbolSize[1] && edge.setVisual('toSymbolSize', symbolSize[1]); }); }); }