V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
fractalbanana
V2EX  ›  分享创造

开源数据透视表/图组件

  •  
  •   fractalbanana · 2023-01-30 15:32:42 +08:00 · 1740 次点击
    这是一个创建于 645 天前的主题,其中的信息可能已经有所发展或是发生改变。

    分享一个以前开发的一个开源数据透视图组件pivot-chart。它是一个使用可视化图表对数据透视表的增强,其使得数据透视表数据展示的形式不再限于单纯的数字,使得用户可以同时拥有数据透视(旋转、切片、下钻、上卷)与可视化图表的能力。数据透视表 /数据透视图通常可以用在数据浏览和分析的场景,它提供了灵活的动态分层汇总查询的能力,可以帮助用户进行一些快速的统计分析。

    数据透视图也为你提供了基本的数据透视表组件。事实上,数据透视表是数据透视图的一种特殊情况,所以你也可以直接使用数据透视图来构建你的数据透视表组件。

    pivot-chart Github 地址

    特性

    功能 demo(gif)
    基本的 nest/cross 透视表(可展开、旋转) basic expandable nest/cross table.gif
    自定义度量的聚合方式 ustom aggregator of measures.gif
    数据透视表 /使用不同的可视化类型 different visualization type.gif

    相关链接

    使用

    install npm package.
    
    npm i --save pivot-chart
    
    # or
    
    yarn add pivot-chart
    
    import { PivotChart } from 'pivot-chart';
    
    function App () {
      return <PivotChart
        visType={visType}
        dataSource={data}
        rows={rows}
        columns={columns}
        measures={measures} 
        />
    }
    
    2 条回复    2023-09-06 09:57:24 +08:00
    lookStupiToForce
        1
    lookStupiToForce  
       2023-02-02 14:41:06 +08:00
    额记得你,你们的 graphic-walker 确实强
    感谢分享
    dbit
        2
    dbit  
       2023-09-06 09:57:24 +08:00 via Android
    👍👍
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5254 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 09:29 · PVG 17:29 · LAX 01:29 · JFK 04:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.