question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The edge's arrow style config not working

See original GitHub issue
  • G6 Version: 3.4.4
  • Platform: MacOS Chrome v80.0.3987.132
  • Mini Showcase(like screenshots):

Pic A: The code of default edge with endArrow image

Pic B: The edge’s code (marker-end attribute’s content refer to endArrow shape) image

Pic C: The code of endArrow’s shape, but the endArrow’s shape fill and stroke attribute won’t be set as the config what I given in Pic A image

I add custom edge style in the default edge config like Pic A (and the code I copy from the official document : https://g6.antv.vision/en/docs/manual/advanced/custom-edge#2-configuring-in-data) most part attributes including type, stroke, lineWidth and path of endArrow are working pretty well. but “fill”, “stroke”, “opacity” this 3 attributes about endArrow I already given, not work on the graph.

I found this sistuaion will happen when render with svg and canvas

BTW, In renderer: 'svg'mode I found the marker-end attribute of path (edge) will reference to a marker image

and the marker’s “fill”, “stroke”, “opacity” attributes (excluding “path”) won’t be set as endArrow’s config in Pic A. image

Would u can help me to solve this problem? Thanks for ur patient and help!

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:2
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
phatnt96commented, Apr 27, 2022

@Yanyan-Wang Did you fix this issue? Or have a plan to fix this.

0reactions
Yanyan-Wangcommented, Dec 26, 2022

非常抱歉,当前版本(3.x、4.x)依赖的底层渲染引擎暂时不会考虑 SVG 问题的修复,渲染引擎目前正在大升级,我们也将在新版本接入新渲染引擎,届时应当可以解决 SVG 各种 bug

Dear user, sorry to say that we may not fix the problems in SVG renderer in current versions (G6 3.x - 4.x) since it is caused by the old rendering engine which we unable to maintain any more. The rendering engine is being upgraded right now, the problems about SVG will be solved by new version in few months. And G6 will be upgraded to 5.x with new rendering engine next year.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Edge target arrows not working in Cytoscape.js >=2.7.0
If you set your edges in your stylesheet to beziers, then you can use source and target arrows, e.g. edge { curve-style: bezier; ......
Read more >
Tikz-Tree: Arrow-style depending on parent node - TeX
First of all, the code above does not work when edge from parent/.style=myEdge1 is defined within a style ( a or b )....
Read more >
Arrows - PGF/TikZ Manual
In general, the following explanations assume that arrows.meta has been loaded. 16.3.1Size¶. The most important configuration parameter of an arrow tip is ...
Read more >
Edges documentation. - vis.js
Name Type Default arrows Object or String undefined arrows.to Object or Boolean Object arrows.to.enabled Boolean false
Read more >
Edit connector lines, arrows, or points - Microsoft Support
You have a lot of flexibility when it comes to editing and working with connectors. You can edit line color, weight, style, and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found