Sea-chart NPM | npm.io

sea-chart

The seatable chart displays the data in the seatable in the form of a chart.

查看demo

下载源码并进入文件夹

git clone https://gitlab.seafile.top/seatable-extends/sea-chart/
cd sea-chart

安装依赖
```
npm install
```
添加配置项

切换目录：cd example
复制一份：'setting.local.dist.js', 并重命名为 'setting.local.js'
修改 pluginConfig, 该配置想同插件开发的配置项一样，请参照插件开发文档即可
修改 appConfig, 该配置项同 universal app 的配置项一样，请参照 universal app 的配置项进行配置即可

启动
```
npm start
```
在浏览器地址栏中输入：127.0.0.1:9000，即可访问该组件库的 demo 内容
注意：自定义API 的demo,目前不支持修改参数同步更新视图

使用

安装 sea-chart
```
  npm install sea-chart
```

使用

  import React from 'react';
  import View from 'sea-chart';

  const ComponentName = ({ chart }) => {
    return (
      <View chart={chart} ... />
    )
  };

  export default ComponentName;

具体应用请参照相关 demo

开发

基于现有类型开发

请参照相关 demo, 进行相关的开发

增加新类型

定义类型

为 CHART_TYPE 追加新类型

定义配置模型及设置UI

为新类型增加模型，便于字段的统一管理同时写入数据类型文档中
为新类型增加设置字段的 UI，以更改配置

定义查询数据的SQL

构造恰当的 SQL 语句来获取数据（供自定义api 使用）
构造恰当的算法，用于计算图标需要渲染的数据（当用户直接使用 base 数据时使用）

定义渲染机制

未新类型增加渲染机制

追加渲染机制到 View 组件中

View 组件将根据类型自动渲染该类型

@antv/data-set @antv/g2 @seafile/seafile-calendar classnames dayjs is-hotkey lodash-es rc-slider react-color react-select react-sweet-progress reactstrap shallowequal svg-sprite-loader svgo-loader

@everything-registry/sub-chunk-2724

5 days ago

5 days ago

5 days ago

5 days ago

5 days ago

5 days ago

5 days ago

5 days ago

7 days ago

7 days ago

7 days ago

9 days ago

9 days ago

9 days ago

10 days ago

11 days ago

11 days ago

10 days ago

10 days ago

13 days ago

12 days ago

13 days ago

12 days ago

12 days ago

11 days ago

11 days ago

11 days ago

11 days ago

11 days ago

11 days ago

12 days ago

11 days ago

12 days ago

11 days ago

12 days ago

11 days ago

12 days ago

13 days ago

13 days ago

14 days ago

14 days ago

16 days ago

18 days ago

18 days ago

18 days ago

18 days ago

18 days ago

18 days ago

18 days ago

18 days ago

18 days ago

18 days ago

17 days ago

17 days ago

20 days ago

20 days ago

20 days ago

20 days ago

24 days ago

24 days ago

24 days ago

27 days ago

26 days ago

25 days ago

26 days ago

28 days ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago