1 post tagged with "sankey"

View All Tags

echarts桑基图的使用和总结

yingwinwin

yingwinwin

前端开发

因为公司需要使用用流程图,来表示不同客户来源的走向和数据,用到了桑基图来表示。最近echarts刚出了5版本。对比了antV 和 echarts ,处理这种情况echarts要做的好些,但是在应用过程中还是遇到了不少坑,记录一下。

遇到的问题#

1. key不能重复的问题#

  • 每一个node节点都不能重复,但是不知道echarts内部是如何识别中文是否一致的,感觉中文是有bug的。一致在报key相同,其实已经处理过了,是不同的了,最后还是加了英文的唯一key来区别不同的来源。

2. nodes 和 data 节点是不一样#

  • 官网中说是可以一起使用的,其实并不是,echarts源码中,并没有去取nodes的值,而是去取的data上面的配置,所以,echarts的节点,只能用data属性image

3. nodes节点一定不能重复#

  • 这里如果后端返回的节点需要处理,建议数据格式用set,而不是数组