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

开源数据透视表/图组件

  •  
  •   fractalbanana · 129 天前 · 946 次点击
    这是一个创建于 129 天前的主题,其中的信息可能已经有所发展或是发生改变。

    分享一个以前开发的一个开源数据透视图组件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} 
        />
    }
    
    lookStupiToForce
        1
    lookStupiToForce  
       126 天前
    额记得你,你们的 graphic-walker 确实强
    感谢分享
    关于   ·   帮助文档   ·   博客   ·   nftychat   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4727 人在线   最高记录 5634   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 07:41 · PVG 15:41 · LAX 00:41 · JFK 03:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.