中台工具集

介绍

中台工具集-可视化组件库

软件架构

package.json
README.json
libs

index.js
index.css

安装教程

1. npm set registry http://npm.smartsteps.com
   假如使用nrm
   nrm add smartsteps http://npm.smartsteps.com
   nrm use smartsteps
2. npm install @smartpivot/smart-components --save
3. import {...} from '@smartpivot/smart-components'
   import "@smartpivot/smart-components/lib/index.css"

echars 图表类

| 图表 | 名称 | | :-----| :-----| | AxisChart | 轴线图 |
| DashboardChart | 仪表盘 |
| DashboardChart2 | 仪表盘2 |
| PieChart | 饼图 |
| DoughnutChart | 环图 |
| WaterChart | 水球图 |
| WaterDoughnutChart | 水环图 |
| MountainChart | 山峰图 |
| PercentageBarChart | 占比图 |
| GenderPieChart | 性别环图 |
| RadarChart | 雷达图 |
| FunnelChart | 漏斗图 |
| HorizontalBarChart | 横向柱图 |
| TransverseBarChart | 双Y轴横向柱图 |
| PersonCharactersChart | 人口象形图 |
| TwoPersonCharactersChart | 双向人口象形图 |
| TwoBarChart | 双向柱图 |

其他图表

| 图表 | 名称 |
| :-----| :-----|
| ListTable | table列表 |
| TabsList | tabs列表切换 |
| IndicatorChart | 指标图1--就业人社平台左侧列表 |
| IndicatorChart2 | 指标图2--商圈 |
| IndicatorChart3 | 指标图3--商圈 |
| IndicatorChart4 | 指标图4--商圈 |
| MapSlider | 滑动输入条--商圈 |
| CitySelector | 城市选择控件 |
| Tip | 提示框 |
| Rotate | 旋转背景 |

使用说明

<AxisChart option={obj} />     
<DashboardChart option={obj}/>   
...

修改记录

• ...

• 2021-01-13 新增旋转背景组件

大数据智慧数

库 | 地址 | 用户密码 ---- | ----- | ------
图表库 | http://www.mincharts.com/ | zhihuizj01：123456 特效库 | http://code.mincharts.com/ | zhihuizj01：123456
素材库 | https://pan.baidu.com/s/1i6ZwMDw842bHPUfAtuXv_g 提取码: im6v 浏览工具：https://cn.eagle.cool/ 序列号：EG-DE8B-D32C-0221-2A47 |
脚本库 | https://github.com/wuyax/dtc |

参与贡献

1. smartpivot