lzm-ui
v1.0.14
Published
正式版本
Downloads
5
Readme
lzm-ui使用说明
什么是lzm-ui?
- zm-ui是基于echarts、elment-UI、Vue集成的组件库~
- 封装了大部分应用场景的图表基础功能(axis、dataZoom、legend等图表功能的联动等),Api丰富、拓展性强、应用场景较全面、使用简单~
- 具有工具栏式可控图表能力~
- 欢迎使用和提供您的宝贵意见~
安装及引用
安装:
//在项目目录下打开终端,输入以下命令进行安装:
npm install lzm-ui
引用:
//项目的入口文件main.js中:
import Vue from 'vue'
import lzmUI from 'lzm-ui'
Vue.use(lzmUI)
快速使用
CODE:
<!--
resData:type: Array (
*说明:图表数据源;
*数据源格式规范:
[//所有数据
[//线
{//点
"value": 144,
"time": "2022-08-21",
"manufacturer": "欧晶1"
},
{//点
"value": 244,
"time": "2022-12-31",
"manufacturer": "欧晶1"
}
...
]
]
)
mxinSpcChartTitle:type: String (图表数据源);
mxinSpcSeriesParamName:type: String (数值项依赖名(如上resData中:'manufacturer'))
-->
<SpcLineChart :resData="" :mxinSpcChartTitle="" :mxinSpcSeriesParamName=""/>