@antv/s2
effective spreadsheet render core lib
Last updated 4 days ago by winniexing .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @antv/s2 
SYNC missed versions from official npm registry.

简体中文 | English

[WIP]S2

Data-driven multi-dimensional analysis table.

???? Coming soon ... Roadmap for S2

Version npm bundle size License: MIT@AntV

S2 is a solution in multi-dimensional cross-analysis tables, which provides data-driven analysis table components. It supplements multi-dimensional analysis tables in the industry. By providing the core library, essential components, demo components and expansion capabilities, it allows developers to use it quickly and freely.

✨ Features

  1. Multi-dimensional cross-analysis: Say goodbye to a single analysis dimension and fully embrace the free combination analysis of any dimension.
  2. High performance: It can support rendering in less than 8s under the total amount of millions of data and achieve second-level rendering through partial drilling.
  3. High scalability: Support any custom extensions (including but not limited to layout, style, interaction, data hook flow, etc.).
  4. Out of the box: Provide out-of-the-box react table components and supporting analysis components in different analysis scenarios. You only need a simple configuration to realize the table rendering of complex scenes quickly.
  5. High interaction: support rich interaction forms (single selection, circle selection, row selection, column selection, freeze line header, width and height dragging, custom interaction, etc.)

???? Installation

$ npm install @antv/s2

???? Getting Started

1. Data Preparation

<summary> s2DataConfig</summary>
const s2DataConfig = {
  fields: {
    rows: ['province', 'city'],
    columns: ['type'],
    values: ['price'],
  },
  data: [
     {
      province: '浙江',
      city: '杭州',
      type: '笔',
      price: '1',
    },
    {
      province: '浙江',
      city: '杭州',
      type: '纸张',
      price: '2',
    },
    {
      province: '浙江',
      city: '舟山',
      type: '笔',
      price: '17',
    },
    {
      province: '浙江',
      city: '舟山',
      type: '纸张',
      price: '0.5',
    },
    {
      province: '吉林',
      city: '丹东',
      type: '笔',
      price: '8',
    },
    {
      province: '吉林',
      city: '白山',
      type: '笔',
      price: '9',
    },
    {
      province: '吉林',
      city: '丹东',
      type: ' 纸张',
      price: '3',
    },
    {
      province: '吉林',
      city: '白山',
      type: '纸张',
      price: '1',
    },
  ],
};

2. Options Preparation

const s2options = {
  width: 800,
  height: 600,
}

3. Component Rendering

<div id="container"></div>
import { PivotSheet } from '@antv/s2';
import '@antv/s2/dist/s2.min.css'

const container = document.getElementById('container');

const s2 = new PivotSheet(container, s2DataCfg, s2options)

s2.render()

4. Preview

result

Author

???? @AntV

???? Contributing

Contributions, issues and feature requests are welcome. Feel free to check issues page if you want to contribute.

$ git clone git@github.com:antvis/S2.git

$ cd s2

$ npm run bootstrap

$ npm run core:start

???? License

MIT@AntV.

Current Tags

  • 0.1.7                                ...           latest (4 days ago)

25 Versions

  • 0.1.7                                ...           4 days ago
  • 0.1.6                                ...           5 days ago
  • 0.1.5                                ...           9 days ago
  • 0.1.4                                ...           12 days ago
  • 0.1.3                                ...           12 days ago
  • 0.1.2                                ...           13 days ago
  • 0.1.1                                ...           13 days ago
  • 0.1.0                                ...           13 days ago
  • 0.1.0-alpha.16                                ...           a month ago
  • 0.1.0-alpha.15                                ...           a month ago
  • 0.1.0-alpha.14                                ...           2 months ago
  • 0.1.0-alpha.13                                ...           2 months ago
  • 0.1.0-alpha.12                                ...           3 months ago
  • 0.1.0-alpha.11                                ...           3 months ago
  • 0.1.0-alpha.10                                ...           3 months ago
  • 0.1.0-alpha.9                                ...           3 months ago
  • 0.1.0-alpha.8                                ...           3 months ago
  • 0.1.0-alpha.7                                ...           3 months ago
  • 0.1.0-alpha.6                                ...           3 months ago
  • 0.1.0-alpha.5                                ...           3 months ago
  • 0.1.0-alpha.4                                ...           3 months ago
  • 0.1.0-alpha.3                                ...           4 months ago
  • 0.1.0-alpha.2                                ...           4 months ago
  • 0.1.0-alpha.1                                ...           4 months ago
  • 0.1.0-alpha.0                                ...           4 months ago
Downloads
Today 0
This Week 0
This Month 88
Last Day 0
Last Week 27
Last Month 45
Dependencies (7)
Dev Dependencies (5)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |