echarts多个柱子的柱状图legend，xaxis，数据之间的关系

一个销售系统，将每天所有团队的销量做一个统计展示。
团队名作为legend，日期作为x轴，销量y轴
数据为：

datas:[{
		date:"2019-10-01",
		groupdata:[{groupname:"团队1",price:"1000.0"}，
					groupname:"团队2",price:"2000.0"}]
		}]

series的属性要以legend的长度为基础，才能实现多条柱状图

draw() {
   
   // 基于准备好的dom，初始化echarts实例
   var myChart = echarts.init(document.getElementById('main'))
   //后台获取的数据
   var datas=this.items
   var x = []//对应x坐标轴
   var legenddata=[<