基于Echarts的桑葚图组件

桑葚图

 <template>
	<div class="mulberryEchartsFather" id="mulberryEchartsFather">
		<el-row style="height:40px;">
			<el-date-picker v-model="timeValue" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
			</el-date-picker>
		</el-row>
		<div id="mulberryEcharts"></div>
	</div>
</template>
<script>
import elementResizeDetectorMaker from "element-resize-detector";
import * as echarts from 'echarts'
import $ from 'jquery'
export default {
     

	data () {
     
		return {
     
			timeValue: '',
			legendData: [
				//第一列
				{
      name: "Nuclear", itemStyle: {
      color: "#45a786" } },
				{
      name: "UK land based bioenergy", itemStyle: {
      color: "#94cc74" } },
				{
      name: "Agricultural waste", itemStyle: {
      color: "#7eb08e" } },
				{
      name: "Marine algae", itemStyle: {
      color: "#82b589" } },
				{
      name: "