vchart图表自定义图例显示以及位置调整等

vchats的图例，有时候根据设计的需要，不一定用原来默认的位置，例如可能摆在图表的左边或者右边，也可能需要修改图例的颜色、文字等等，在vchart中是通过extend来设定的，示例如下：

<VePie style="" :data="chartData" :extend="chartExtend"></VePie>

chartExtend的内容如下(主要是legend的配置)：

chartExtend: {
    legend: {
        top: 45, // 距离上边界的地址
        show: true, // 是否显示
        orient: 'vertical',  // 垂直显示
        y: 'center',    // 延Y轴居中
        x: 'right', // 靠右显示
        inactiveColor: '#999', // 自定义非选中状态的颜色 
        width: 150, //宽度
        borderWidth: 2, // 边框宽度
        borderColor: 'blue', // 边框颜色
        textStyle: { // 文字的样式
            color: '#000' // 颜色
        },
        formatter: (name) => {
            return name; // 这里可以自定义图例的文字
        }
    },
},

更多图例相关的属性，可以参考apache echarts的文档：https://echarts.apache.org/zh/option.html#legend