@gdyfe/data-view

中传数据大屏

• [x] 全链路监看

安装

• npm 安装

npm install @gdyfe/data-view

• yarn 安装

yarn add @gdyfe/data-view

引入

// 将自动注册所有组件为全局组件
import dataView from '@gdyfe/data-view';
Vue.use(dataView);

按需引入

// 将自动注册所有组件为全局组件
import { chartNode } from '@gdyfe/data-view';
Vue.use(chartNode);

使用

<gdy-chart-node
  :title="title"
  :lcpsInfo="lcpsInfo"
  :inData="inData"
  :outData="outData"
  :countNode="countNode"
  :errorNode="errorNode"
/>

title 属性

类型String 右上角大屏名称

| 属性 | 说明 | 类型 | 可选值 | 默认值 | | :---: | :--------: | :------: | :----: | :----------: | | title | 左上角名称 | String | --- | 全链路监看 |

lcpsInfo 属性

类型Object 导播台参数 名称

| 属性 | 说明 | 类型 | 可选值 | 默认值 | | :--: | :--: | :------: | :----: | :----: | | name | 名称 | String | --- | lcps |

inData 属性

类型Array 输入列表

| 属性 | 说明 | 类型 | 可选值 | 默认值 | | :-----: | :----: | :------: | :----: | :----: | | name | 名称 | String | --- | 信源 | | fluency | 流畅度 | Number | --- | - |

outData 属性

类型Array 输出列表

| 属性 | 说明 | 类型 | 可选值 | 默认值 | | :-----: | :----: | :------: | :----: | :----: | | name | 名称 | String | --- | 输出 | | fluency | 流畅度 | Number | --- | - |

countNode 属性

类型Number 总节点数

| 属性 | 说明 | 类型 | 可选值 | 默认值 | | :-------: | :------: | :------: | :----: | :----: | | countNode | 总节点数 | Number | --- | 0 |

errorNode 属性

类型Number 异常节点数

| 属性 | 说明 | 类型 | 可选值 | 默认值 | | :-------: | :--------: | :------: | :----: | :----: | | errorNode | 异常节点数 | Number | --- | 0 |