基于Echart的图表预览组件
npm run dev
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:对象,宽高等信息
-
options
图表信息数据,和echarts的options一致
-
styleOptions
指定图表样式,宽高等内容
-
haveHeader
是否需要头部