...
2、漏斗图本身已隐含排序效果,在 大小 上设置的排序,实际看不出排序变化。
3、指标拆解树,当前版本在字段上并未开放排序入口,指标拆解树的排序本身是各个维度按指标值进行排序,需等未来 3、桑基图,当数据较多时,在字段上设置的排序,可能会看不出数据顺序变化,如下图所示:
原因是从数据层按排序设置取回数据后,前端渲染时ECharts会自动计算这些节点的最佳位置,使得整个图表既美观又能清晰地显示数据流的方向和量级。ECharts自动优化布局大概有以下方向:
- 节点间的连接关系:桑基图通过节点间的链接数量来确定各个节点的相对位置。
- 链接权重的影响:每个链接都有一个权重值(通常代表流量或容量),这个值会影响链接线的粗细以及布局优化时的考量。较大的权重可能会使得相关联的节点更靠近中心,以减少高流量路径上的交叉,从而提高图表的可读性。
- 最小化交叉:自动布局算法尝试最小化节点间链接的交叉,以保持图表清晰易读。这意味着具有更多连接或者更强连接(即更高的权重)的节点可能会被放置在更有利的位置上,以减少不必要的连线交叉。
如ECharts判断不需要优化,则按照字段数据排序顺序直接展示。
4、指标拆解树,当前版本在字段上并未开放排序入口,指标拆解树的排序本身是各个维度按指标值进行排序,需等未来 按其他字段值排序 的功能上线后,再开放排序入口。
图形排序场景示例
...