vue 使用echarts里面的通用属性

legend显示的效果，如下

title { // 标题
	textstyle: { // 标题样式
		color: 'pink'
	},
	borderwidth:5, // 标题边框
	bordercolor:'#ccc' // 边框颜色
	borderradius:'15' // 边框圆角
	top: '10' // 标题位置
},
tooltip { // 提示框组件，用于配置鼠标滑过或点击图表时的显示框
	trigger: 'item', // 触发类型  item || axis
	triggerOn:'click', // 触发时机 click || mouseover 点击 || 鼠标移过
	formatter: '{a}:{b}' // 鼠标经过时显示的内容也可以是回调函数
	formatter： function （arg） {
		return  arg[0].name
	}
},
toolbox: { // echarts 提供的工具栏
	feature: { // 显示工具栏按钮
		saveAsImage: {}, // 导出图片
		dataView: {}, // 数据视图
		restore: {}, // 重置
		dataZoom: {}, //区域缩放
		magicType: {
			type: ['bar','line']
		} // 动态图表类型的切换
	}
},
// 提示分类
legend: { 
	data:['语文','数学'] // legend里 data的数组名要与series里面对象的name名一直
}
 series:[{ //  series里面可以有多个对象，可以显示多个数据
        name:'A门店',
        type:'bar',
        data: data1
      },{
        name:'B门店',
        type:'bar',
        data: data2
      },{
        name:'C门店',
        type:'bar',
        data: data3
      }]