apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.06k stars 19.59k forks source link

[Feature] 求助大佬,如何实现如下的桑基图样式 #18550

Open javaswing opened 1 year ago

javaswing commented 1 year ago

What problem does this feature solve?

有如下的需求: image 求告知如何实现。自己完全没有头绪。基本要求:

  1. 左右两侧每一项要等分,
  2. 且左侧多个子项。连接1右侧时,右侧的对应item高度还不能改变。

最后附上一个,目前在调试的链接:

https://codesandbox.io/s/sankey-orient-vertical-forked-z3gqnq?file=/index.js

What does the proposed API look like?

求一个能实现的示例。

echarts-bot[bot] commented 1 year ago

@javaswing It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED
**TITLE** [Feature] Help the big guy, how to implement the following Sankey diagram style **BODY** ### What problem does this feature solve? There are the following requirements: ![image](https://user-images.githubusercontent.com/7713463/233790829-97ffbaa4-0a7b-4fdb-953d-8e301778a2b1.png) Ask me how to do it. I have no clue at all. Basic requirements: 1. Each item on the left and right sides should be divided equally, 2. and multiple children on the left. When the right side of 1 is connected, the height of the corresponding item on the right side cannot be changed. Finally, attach a link that is currently being debugged: https://codesandbox.io/s/sankey-orient-vertical-forked-z3gqnq?file=/index.js ### What does the proposed API look like? Find an example that can be implemented.
ohYobbo commented 1 year ago

老哥,我也遇到绘制这种图的需求了,有解决方案了吗?

javaswing commented 1 year ago

老哥,我也遇到绘制这种图的需求了,有解决方案了吗?

没有,最后换了其它方式展示。这个要动底层

JesusCracker commented 7 months ago

能具体说下怎么做的吗。我现在没任何思路

javaswing commented 7 months ago

能具体说下怎么做的吗。我现在没任何思路

换展示方式了,没有修改过代码 😂

ohYobbo commented 7 months ago

能具体说下怎么做的吗。我现在没任何思路

我是用svg绘制实现的,自己设置坐标系,数据流转的线条用svg画,基本跟它效果一样

javaswing commented 3 months ago

隔壁 VCahrt 有固定的实现 https://visactor.io/vchart/demo/sankey-chart/customized-node