Jamincharts NPM

dcicework

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

项目交接 by 杨泽铭

项目启动

node 版本建议 v12.13.0 jean 目前也是这个版本避免发布有问题

公司镜像源

按小时同步淘宝：http://nexus.17usoft.com/repository/npm-proxy-taobao-hour/ 包含组件库：http://nexus.17usoft.com/repository/npm-bigdata-group/ verdaccio：http://172.23.18.170:4873 用户名：bigdata 密码：lTLaynrdOvN7js5kEUeva1

tcnpm ------ http://nexus.17usoft.com/repository/npm-all/ dcnpm ------ http://nexus.17usoft.com/repository/npm-dc-bigdata/

安装组件库用 tcnpm 发布用 dcnpm

组件库 npm 账号登陆及发布流程

账号登陆:

npm login
Username:angie
Password: 1204808Qwer1234
Email: angie.zhang@ly.com 发布流程: nrm use dcnpm package,json 中更新组件库版本号 npm run build npm publish

项目文件夹及重要文件的含义

重要文件夹

converters 文件夹【组件库暴露出去给业务项目使用的第一层适配器】

主要功能是初步将业务数据转化为组件库第二层适配器方便使用的格式

adapter 文件夹【组件库第二层适配器】

主要功能是初步将简单的对象数组结合图表维度指标等图表参数转化为图表基建可以使用的 JSON 格式

utils 文件夹【全项目公共方法 ts 文件、枚举】

包含图表类型定义、个性化参数定义统一在此处下对应文件进行维护

themes 文件夹【图表主题文件夹】

包含不同主题样式统一在此处下对应文件进行维护部分主题逻辑在公共方法中控制此处是初步获取不同主题参数

components 文件夹【测试 Demo】

其中 NewDashBoard.vue 文件为作为组件库内测试灵动看板图表的测试组件【参考灵动移动端进行接口数据获取】点击线上调试跳转至 OnlineDebug/index.vue 可简单进行线上调试

重要文件

chartUtilFunc 文件【组件库图表公共方法集合】

图表数据初始化、获取样式、数据处理等

differUtilFunc 文件【组件库图表差异处理类公共方法集合】

图表处理相同功能但是有差异的公共方法集比如图表 tooltip 悬浮显示 formatter 方法

PcChartConfig 文件【PC 端 ChartConfig 图表配置类型的定义集合】

数据集字段类型、维度、指标、条件等