## 饼状图-环型
<br />

#### 用法（请看Attributes说明）
### 基本用法
:::demo
```html
<template>
	<div style="height:400px;">
		<define-chart :config="config"></define-chart>
	</div>
</template>

<script>
  export default {
    data () {
		return {
			config: {
			    type: "pie",
			    title: {
			        text: '饼状图1',//  主标题
			    },    //  图标标题设置
			    legend: {
			        top: 'middle',
			    },
			    data: [
			        { name: '一月', value: 200 },
			        { name: '二月', value: 200 },
			        { name: '三月', value: 2020 },
			        { name: '四月', value: 2020 }
			    ],
			}
		}
	},
	methods:{}
  }
</script>
```
:::

### Attributes

| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| config     |  绑定数据           | object | — | — |
| type     |  图表类型           | string | — | — |
| title     |  标题设置。title中<br/>text: '饼状图1',//  主标题 <br/>show：true,//是否显示标题组件，不传默认展示<br/>subtext: '',副标题 <br/> x: 'center'//标题位置  left center right 不传默认 center        | object | — | — |
| legend      |  图例设置。legend中 <br/> orient: 'vertical', //  图例方向 vertical horizontal 不传默认 <br/>vertical top: 'middle',  //  竖向位置<br/> left: '0', //    横向位置 10%      | object | — | — |
| data    |  显示的数据      | object |  — | — |