vue：echarts多条柱状图数据的渲染

需求：对多柱状图进行数据渲染

<template>
  <div>
    <div id="myChart" style="width: 100%; height: calc(100vh - 300px)"></div>
  </div>
</template>

<script>
const labelOption = {
  show: true,
  verticalAlign: "middle",
  formatter: "{a}",
};
export default {
  data() {
    return {
      defectsCategory: [
        "苹果",
        "香蕉",
        "橙子",
        "橘子",
        "菠萝",
        "草莓",
        "梨子",
        "西瓜",
      ],
      tatolEcharts: [
        {
          time: "2020/2/2",
          defects: [],
        },
        {
          time: "2020/2/3",
          defects: [