DataX

介绍

组件库基于Vue，主要用于构建大屏（全屏）数据展示页面即数据可视化，具有多种类型组件可供使用：

  • 边框

带有不同边框的容器

  • 装饰

用来点缀页面效果，增加视觉效果

  • 图表

图表组件基于Charts封装，轻量，易用

  • 其他

飞线图/水位图/轮播表/...

TIP

建议使用Chrome浏览器。

组件props均未设置deep监听，刷新props时，请直接生成新的props，请勿直接更新props下某一个属性，这样组件将无法刷新状态。

this.someProps.someAttr = ['foo', 'foo']是无效的

this.someProps = { someAttr: ['foo', 'foo'] }才是有效的

安装

  • npm安装
npm install @jiaminghi/data-view
  • yarn安装
yarn add @jiaminghi/data-view

使用

// 将自动注册所有组件为全局组件
import dataV from '@jiaminghi/data-view'

Vue.use(dataV)

按需引入

按需引入仅支持基于ES module的tree shaking，按需引入示例如下：

import { borderBox1 } from '@jiaminghi/data-view'

Vue.use(borderBox1)

全屏容器→