1.1.0 • Published 4 years ago
vechart v1.1.0
vechart
vechart
插件是将传统 echart.js
封装成Vue组件和指令使用。
插件的安装
NPM
npm i vechart
CNPM
cnpm i vechart
引入插件
import Vue from 'vue';
import Vechart from 'vechart';
Vue.use(Vechart);
基本用法
vechart组件的用法
<vechart :options="options1" :styles="echartStyle"></vechart>
options1: {
series: {
type: 'pie',
data: [{
name: 'A',
value: 1212
},
{
name: 'B',
value: 2323
},
{
name: 'C',
value: 1919
}
]
}
},
vechart指令的用法
<div v-echarts="options" :styles="echartStyle" ></div>
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
options | 中等文本 | Object | - |
styles | 默认样式 | Oject | { width: '100px',height: '100px'} |