Pivot.js 开源项目教程

最新推荐文章于 2024-11-06 02:55:07 发布

卓禄嘉Ernestine

最新推荐文章于 2024-11-06 02:55:07 发布

阅读量342

点赞数 3

本文链接：https://blog.csdn.net/gitblog_01196/article/details/142775866

版权

Pivot.js 开源项目教程

pivot.js Build Pivot Tables from CSV/JSON Data 项目地址: https://gitcode.com/gh_mirrors/pi/pivot.js

1. 项目介绍

Pivot.js 是一个用于从 CSV 或 JSON 数据构建透视表的简单工具。透视表是一种数据汇总工具，常用于数据可视化程序中，如电子表格或商业智能软件。Pivot.js 允许用户通过浏览器创建高度可定制的独特表格视图。它能够自动排序、计数、总计或计算数据的平均值，并将结果显示在第二个表格（称为“透视表”）中。

2. 项目快速启动

安装

首先，克隆 Pivot.js 项目到本地：

git clone https://github.com/rwjblue/pivot.js.git

使用示例

以下是一个简单的使用示例，展示如何从 CSV 数据初始化 Pivot.js：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pivot.js 示例</title>
    <script src="path/to/pivot.js"></script>
</head>
<body>
    <div id="pivot-table"></div>
    <script>
        var csv_string = "last_name,first_name,zip_code,billed_amount,last_billed_date\n" +
                         "Jackson,Robert,34471,100.00,\"Tue, 24 Jan 2012 00:00:00 +0000\"\n" +
                         "Jackson,Jonathan,39401,124.63,\"Fri, 17 Feb 2012 00:00:00 +0000\"";

        var field_definitions = [
            { name: 'last_name', type: 'string', filterable: true },
            { name: 'first_name', type: 'string', filterable: true },
            { name: 'zip_code', type: 'integer', filterable: true },
            { name: 'billed_amount', type: 'float', rowLabelable: false },
            { name: 'last_billed_date', type: 'date', filterable: true }
        ];

        pivot.init({
            csv: csv_string,
            fields: field_definitions
        });
    </script>
</body>
</html>