页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

2、漏斗图本身已隐含排序效果,在 大小 上设置的排序,实际看不出排序变化。

3、指标拆解树,当前版本在字段上并未开放排序入口,指标拆解树的排序本身是各个维度按指标值进行排序,需等未来 3、桑基图,当数据较多时,在字段上设置的排序,可能会看不出数据顺序变化,如下图所示:

原因是从数据层按排序设置取回数据后,前端渲染时ECharts会自动计算这些节点的最佳位置,使得整个图表既美观又能清晰地显示数据流的方向和量级。ECharts自动优化布局大概有以下方向:

  • 节点间的连接关系:桑基图通过节点间的链接数量来确定各个节点的相对位置。
  • 链接权重的影响:每个链接都有一个权重值(通常代表流量或容量),这个值会影响链接线的粗细以及布局优化时的考量。较大的权重可能会使得相关联的节点更靠近中心,以减少高流量路径上的交叉,从而提高图表的可读性。
  • 最小化交叉:自动布局算法尝试最小化节点间链接的交叉,以保持图表清晰易读。这意味着具有更多连接或者更强连接(即更高的权重)的节点可能会被放置在更有利的位置上,以减少不必要的连线交叉。

如ECharts判断不需要优化,则按照字段数据排序顺序直接展示。

Image Added

4、指标拆解树,当前版本在字段上并未开放排序入口,指标拆解树的排序本身是各个维度按指标值进行排序,需等未来 按其他字段值排序 的功能上线后,再开放排序入口。

图形排序场景示例

...