## 自定义图表
<br />

### 基本用法

:::demo
```html
<template>
	<div style="height:400px; width:30%">
		<define-chart :config="config" @echartClick="echartClick"></define-chart>
	</div>
</template>

<script>
  export default {
    data () {
		return {
			config:{
			    xAxis: {
			        type: 'category',
			        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
			    },
			    yAxis: {
			        type: 'value'
			    },
			    series: [{
			        data: [120, 200, 150, 80, 70, 110, 130],
			        type: 'bar',
			        showBackground: true,
			        backgroundStyle: {
			            color: 'rgba(220, 220, 220, 0.8)'
			        }
			    }]
			}
		}
	},
	methods:{
		echartClick(params) {
		    console.log('params', params)
		    alert('点击了' + params.name)
		},
	}
  }
</script>
```
:::

### Attributes

| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| config     |  绑定数据           | object | — | — |
| xAxis      |  x坐标轴     | object | — | — |
| type     |  图表类型           | string | — | — |
| yAxis      |  y坐标轴     | object | — | — |
| series    |  显示的数据      | object |  — | — |

### Events
| 事件名称 | 说明 | 回调参数 |
|---------- |-------- |---------- |
| echartClick | 点击柱体时触发的事件 | — |