echarts icon indicating copy to clipboard operation
echarts copied to clipboard

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

Open javaswing opened this issue 2 years ago • 7 comments

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?

求一个能实现的示例。

javaswing avatar Apr 22 '23 14:04 javaswing

@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 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.

echarts-bot[bot] avatar Apr 22 '23 14:04 echarts-bot[bot]

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

ohYobbo avatar Aug 16 '23 04:08 ohYobbo

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

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

javaswing avatar Aug 16 '23 04:08 javaswing

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

JesusCracker avatar Jan 16 '24 06:01 JesusCracker

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

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

javaswing avatar Jan 17 '24 06:01 javaswing

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

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

ohYobbo avatar Jan 17 '24 10:01 ohYobbo

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

javaswing avatar May 17 '24 09:05 javaswing