1.0.1 • Published 4 years ago
charts-preview v1.0.1
charts-preview
基于Echart的图表预览组件
serve with hot reload at localhost:8080
npm run dev
build for production with minification
npm run build
安装
npm install echarts-preview
使用方法
import Vue from 'vue'
import previewUI from './index'
Vue.use(previewUI)
<!-- 组件内 -->
<charts-preview
:options="pieData"
:styleOptions="styleOptions"
>
</charts-preview>
备注
1、外部可以传所有echart的参数,像使用原生Echarts一样
2、组件大小默认是100%(自适应),所以只要在包裹组件的div中设置实际的大小即可
3、可以指定图表大小,外部传入styleOptions:对象,宽高等信息
props
options
图表信息数据,和echarts的options一致
styleOptions
指定图表样式,宽高等内容
在外框宽高不确定时使用,如果外框已经有样式指定宽高,图表的样式以styleOptions展示
haveHeader
是否需要头部