Fix #19311:[Bug fixing]Edge arrows do not scale on zoom in/out

[unreliable-tn]

Brief Information

This pull request is in the type of:

• bug fixing
• new feature
• others

What does this PR do?

Edge arrows now scale upon zooming in and out in graph view, just like the nodes

Fixed issues

#19311

Details

Before: What was the problem?

When zooming in and out on a graph, the nodes scale properly, but the arrows on the edges do not. This results in a visual imbalance where the arrows appear disproportionately large or small compared to the nodes at different zoom levels, leading to a degradation in the readability and aesthetic appeal of the graph.

Before Zooming:

After Zooming:

After: How does it behave after the fixing?

The arrows on the edges now scale in proportion with the nodes, maintaining a consistent and relative size at all zoom levels, ensuring a balanced and visually coherent graph representation, irrespective of the zoom.

Here the node is size 20 and arrow is 10. As shown in the screenshots, on both zoom levels, the arrow appears to be about half as large as the node.

Before Zooming:

After Zooming:

Document Info

One of the following should be checked.

• This PR doesn't relate to document changes
• The document should be updated later
• The document changes have been made in apache/echarts-doc#xxx

Misc

ZRender Changes

• This PR depends on ZRender changes (ecomfe/zrender#xxx).

Related test cases or examples to use the new APIs

N.A.

Others

Merging options

• Please squash the commits into a single one when merging.

Other information

[echarts-bot]

Thanks for your contribution!
The community will review it ASAP. In the meanwhile, please checkout the coding standard and Wiki about How to make a pull request.

[Ovilia]

Thanks for your contribution.

I don't think the original behavior is a bug because the size of the symbol is in pixels and thus it's natural to remain unchanged when zooming. However, I think this could serve as a new feature with an extra option called symbolScaleRatio, and works lile nodeScaleRatio.

[Ovilia]

Please also fix the lint problems.

[github-actions]

The changes brought by this PR can be previewed at: https://echarts.apache.org/examples/editor?version=PR-19384@63f6ea3