wangyp-components
v1.0.6
Published
echarts图表库
Downloads
10
Readme
wangyp-components
Install
npm install wangyp-components
Usage
vue2
全局引入 main.js
import Chart from 'wangyp-components';
import '../node_modules/wangyp-components/style.css'
Vue.use(Chart);
vue2
按需引入 A.vue
import {BaseBarChar} from 'wangyp-components';
import '../node_modules/wangyp-components/style.css' // 放在全局比较好
<template>
<BaseBarChar/>
</template>
参数说明
| props | default | 说明 | | ---- | ---- | ---- | | isOptions | true |是否使用options | | fullyCover | false |是否完全覆盖 false 代表解构数据更新 true 代表完全覆盖 | | options | {} |true 必须要传递数据 为false 不能传递数据 | | dataset | {} |false 必须要传递数据 为true 不能传递数据 |
使用
// 默认 完全覆盖options 只能传递 options
<template>
<div class="chart-container">
<BaseBarChart :options="options"></BaseBarChart>
</div>
</template>
//isOptions:false 只能传递 dataset
<template>
<div class="chart-container">
<BaseBarChart :isOptions="false" :dataset="dataset"></BaseBarChart>
</div>
</template>