<template>
  <div class="dashboard">
    <Newcchart/>
  </div>
</template>

<script>
import Newcchart from "@/components/generateEcharts/index.vue";
const barOption = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow',
    },
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '10%',
    containLabel: true,
  },
  legend: {
    textStyle: {
      color: '#ffff',
    },
  },
  xAxis: {
    type: 'category',
    data: [],
    axisLabel: {
      color: '#8897BC',
    },
    axisTick: {
      alignWithLabel: true,
    },
  },
  yAxis: {
    type: 'value',
    axisLabel: {
      color: '#8897BC',
    },
  },
  color:['blue','yellow'],
  series: [
    {
    name: '',
    type: 'bar',
    z:"-1",
    barGap: '-100%',
    barWidth: 20,
    data: []
  },
  {
    name: '',
    type: 'bar',
    barWidth: 20,
    data: []
  }
]
}
export default {
  name: "Singleairline",
  data () {
    return {
    }
  },
  components: {
    Newcchart
  },
  mounted() {
  },
  methods: {
  }
};
</script>

<style lang="scss" scoped>
.dashboard {
  padding: 30px 30px 0 25px;
  // >.cont{
  //   width: 100%;
  //   height: 100%;
  // }
}
</style>