You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
TableMode 是 GI 中的一个数据分析资产,将传统的统计表格与 GI 的图分析能力结合,让数据洞察更加高效
我们来看看它有哪些玩法。
使用方式
在资产中心中选择「表格模式」然后加载在容器组件中,即可使用
![选择「表格模式」资产 image.png](https://camo.githubusercontent.com/74fed52d2c0632fa5a90793de9e1b988273af9c6b37cb0742c98ec980ee75121/68747470733a2f2f63646e2e6e6c61726b2e636f6d2f79757175652f302f323032322f706e672f3136303133332f313636353732393738333135392d35316662306639382d346533322d343135622d396163342d3061356337323239663964632e706e6723636c69656e7449643d7536373535656335332d353565612d342663726f703d302663726f703d302663726f703d312663726f703d31266572726f724d6573736167653d756e6b6e6f776e2532306572726f722666726f6d3d7061737465266865696768743d3137342669643d756637323635353866266d617267696e3d2535426f626a6563742532304f626a656374253544266e616d653d696d6167652e706e67266f726967696e4865696768743d343430266f726967696e57696474683d31303539266f726967696e616c547970653d62696e61727926726174696f3d3126726f746174696f6e3d302673686f775469746c653d747275652673697a653d3831373537267374617475733d646f6e65267374796c653d736861646f77267461736b49643d7536633631303839392d356430642d346336632d383061632d3130323562616432383130267469746c653d2545392538302538392545362538422541392545332538302538432545382541312541382545362541302542432545362541382541312545352542432538462545332538302538442545382542352538342545342542412541372677696474683d3431392e333539333735)
![集成到容器中 image.png](https://camo.githubusercontent.com/3981238480de8d7f3006ce218e32db9a4f748ebb64a9005376462ca0c7271697/68747470733a2f2f63646e2e6e6c61726b2e636f6d2f79757175652f302f323032322f706e672f3136303133332f313636353732393738333233382d65346236363430642d386230382d343164372d613264612d3538323062616437623430372e706e6723636c69656e7449643d7536373535656335332d353565612d342663726f703d302663726f703d302663726f703d312663726f703d31266572726f724d6573736167653d756e6b6e6f776e2532306572726f722666726f6d3d7061737465266865696768743d3138302669643d756336356666353261266d617267696e3d2535426f626a6563742532304f626a656374253544266e616d653d696d6167652e706e67266f726967696e4865696768743d363533266f726967696e57696474683d383032266f726967696e616c547970653d62696e61727926726174696f3d3126726f746174696f6e3d302673686f775469746c653d747275652673697a653d3936323735267374617475733d646f6e65267374796c653d736861646f77267461736b49643d7536333136666538312d653438662d346466362d383731312d3733363936616138636238267469746c653d2545392539422538362545362538382539302545352538382542302545352541452542392545352539392541382545342542382541442677696474683d3232302e3534353434303637333832383132)
产品功能
01. 圈选表格,高亮选中画布的节点与边
当我们点击或者刷选表格中单元格时,画布中相应的节点/边也会随之高亮,帮助我们快速找到感兴趣的元素。对于擅长 Excel 分析的同学,这个功能可以将他们熟悉的表格信息与脑海中的关系图关联起来,绝对非常棒!
![image.png](https://camo.githubusercontent.com/c092758236ddaaaa4b3ea397010890469115b425bc323b7cac75eb0c406583ab/68747470733a2f2f63646e2e6e6c61726b2e636f6d2f79757175652f302f323032322f706e672f3136303133332f313636353732393738333333322d33656236613033332d613163372d343163372d383934332d3539373439343735313036652e706e6723636c69656e7449643d7536373535656335332d353565612d342663726f703d302663726f703d302663726f703d312663726f703d31266572726f724d6573736167653d756e6b6e6f776e2532306572726f722666726f6d3d7061737465266865696768743d3537352669643d756335646135303432266d617267696e3d2535426f626a6563742532304f626a656374253544266e616d653d696d6167652e706e67266f726967696e4865696768743d31323634266f726967696e57696474683d32353037266f726967696e616c547970653d62696e61727926726174696f3d3126726f746174696f6e3d302673686f775469746c653d66616c73652673697a653d333334363630267374617475733d646f6e65267374796c653d736861646f77267461736b49643d7534363763313338342d656437322d346662302d626461322d3263633036396366613464267469746c653d2677696474683d313133392e35343534323938343634373234)
02. 圈选画布,表格展示选中的节边信息
同理,我们也可以圈选画布,将选中的点边信息,以表格的形式展示。让我们不用一个个人工点开点边的详细信息,大大提高了分析效率。
![image.png](https://camo.githubusercontent.com/c7f9d26d9d140c292b95868efd99947a37a31aabba00881eef580fce3b41a8fe/68747470733a2f2f63646e2e6e6c61726b2e636f6d2f79757175652f302f323032322f706e672f3136303133332f313636353732393738333236382d39396538626139382d643731642d343832362d616236302d3230353161336631626564302e706e6723636c69656e7449643d7536373535656335332d353565612d342663726f703d302663726f703d302663726f703d312663726f703d31266572726f724d6573736167653d756e6b6e6f776e2532306572726f722666726f6d3d7061737465266865696768743d3435382669643d753038616463363333266d617267696e3d2535426f626a6563742532304f626a656374253544266e616d653d696d6167652e706e67266f726967696e4865696768743d31303038266f726967696e57696474683d32313637266f726967696e616c547970653d62696e61727926726174696f3d3126726f746174696f6e3d302673686f775469746c653d66616c73652673697a653d323136373631267374617475733d646f6e65267374796c653d736861646f77267461736b49643d7562613635636137362d373666622d346239302d623662612d6238323135613334653032267469746c653d2677696474683d3938342e39393939373836353037303034)
03. 点击聚合边,表格展示边的聚合信息
这个功能还是非常有用的,在上述的银行案例中,**两个银行卡之间的边上交易明细在图上被汇总起来了,**点击聚合边,其明细交易记录以表格形式的展示,这样就能够帮助分析师更精准地定位问题。
04. 单元格排序 & 一键导出数据
通过 S2 提供的排序与复制粘贴数据能力,我们对于表格数据有了更多的操作空间。
![image.png](https://camo.githubusercontent.com/2466d4f8987f5022a43c5c8e34c815712fc5ec5a2f4c09eb7fbd5cf67f3727ec/68747470733a2f2f63646e2e6e6c61726b2e636f6d2f79757175652f302f323032322f706e672f3136303133332f313636353732393738343638312d38323237643730342d663833632d343836312d613936382d6162643734313965323931312e706e6723636c69656e7449643d7536373535656335332d353565612d342663726f703d302663726f703d302663726f703d312663726f703d31266572726f724d6573736167653d756e6b6e6f776e2532306572726f722666726f6d3d7061737465266865696768743d3336392669643d753035303234636462266d617267696e3d2535426f626a6563742532304f626a656374253544266e616d653d696d6167652e706e67266f726967696e4865696768743d383131266f726967696e57696474683d32353039266f726967696e616c547970653d62696e61727926726174696f3d3126726f746174696f6e3d302673686f775469746c653d66616c73652673697a653d363837363231267374617475733d646f6e65267374796c653d736861646f77267461736b49643d7534393666333433352d386363302d343038632d616565372d3533336238633234323332267469746c653d2677696474683d313134302e34353435323037333538353934)
在上述的银行案例中,我们可以根据边上的资金金额做 降序排序,找到资金最大的一组转账记录,然后
** Ctrl+C**
** 复制,再 ****Ctrl +V **
复制,这样就把我们想要的数据提取出来了05. 全屏模式?来试试页签模式!
在图分析页面中,我们操作的空间毕竟是有限的,在数据量很大的时候,表格模式显然需要更大的展示空间,如何做呢?刚开始,我们增加了全屏模式,这样我们就给用户一个「沉浸式」体验。但!!这真的是用户想要的吗?显然一个不能让用户实时看到画布与表格交互的全屏模式,不是用户想要的。那就来试试「页签模式」吧!
![image.png](https://camo.githubusercontent.com/4932cb5dbeebed265ebc1326a754f3571a006d50274d5472f6c44cbe4fbbb8e8/68747470733a2f2f63646e2e6e6c61726b2e636f6d2f79757175652f302f323032322f706e672f3136303133332f313636353732393738343432332d36646530393134352d343731342d346337312d626435332d3264383063356130316464632e706e6723636c69656e7449643d7536373535656335332d353565612d342663726f703d302663726f703d302663726f703d312663726f703d31266572726f724d6573736167653d756e6b6e6f776e2532306572726f722666726f6d3d7061737465266865696768743d3630332669643d753862343762313535266d617267696e3d2535426f626a6563742532304f626a656374253544266e616d653d696d6167652e706e67266f726967696e4865696768743d31333236266f726967696e57696474683d32353533266f726967696e616c547970653d62696e61727926726174696f3d3126726f746174696f6e3d302673686f775469746c653d66616c73652673697a653d343831343538267374617475733d646f6e65267374796c653d736861646f77267461736b49643d7562313930653638352d363438372d343138362d383765632d3337643566393234333134267469746c653d2677696474683d313136302e343534353230333032333731)
点击 最右侧「Chrome」图标,即可新开一个浏览器页签,既然是浏览器页签,那么用户可以根据喜好,随意解锁各种使用姿势!
所有的数据通过
PostMessage
通信传递,因此,无论是表格到画布的交互,还是画布到表格的交互,都是完全丝滑顺畅的!这种方式,既保留了空间上的优势,又保留了交互上的优势,至于「全屏」功能为什么没有下线,可能只是留着为了证明曾经我们为这个问题努力过...06.大图模式下,数据可动态圈选添加
在大图模式下,默认画布是空白的,表格模式支持 10w 数据的渲染与绘制,因此表格中展示的是全亮的数据,用户可以在表格中圈选感兴趣的节点与边,渲染到画布上。
![image.png](https://camo.githubusercontent.com/b9e71cfb37352c82c5bbb48ae867b6dc57363eb5680f7b4855348a5e439a153d/68747470733a2f2f63646e2e6e6c61726b2e636f6d2f79757175652f302f323032322f706e672f3136303133332f313636353732393738343939372d36376536356336322d633538642d343864362d616561612d3966663838376364386530332e706e6723636c69656e7449643d7536373535656335332d353565612d342663726f703d302663726f703d302663726f703d312663726f703d31266572726f724d6573736167653d756e6b6e6f776e2532306572726f722666726f6d3d7061737465266865696768743d3834372669643d716f373835266d617267696e3d2535426f626a6563742532304f626a656374253544266e616d653d696d6167652e706e67266f726967696e4865696768743d31363934266f726967696e57696474683d33303436266f726967696e616c547970653d62696e61727926726174696f3d3126726f746174696f6e3d302673686f775469746c653d66616c73652673697a653d343436383836267374617475733d646f6e65267374796c653d736861646f77267461736b49643d7562326266366161342d653435642d343333352d623166612d6661396233306637346233267469746c653d2677696474683d31353233)
Beta Was this translation helpful? Give feedback.
All reactions