<!--  -->
<template>
  <el-card shadow="never">
    <template #header>
      <CardTitle :title="props.title" />
    </template>
    <div>
      <Echart :height="300" :options="chartOptions" />
    </div>
  </el-card>
</template>

<script setup>
defineOptions({name: 'WorkExperience'})
const props = defineProps({
  title: String,
})

const chartOptions = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: {
    type: 'category',
    data: ['在校生', '应届生', '1年以内', '1-3年', '3-5年', '5-10年', '10-20年', '20年以上']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [25, 77, 866, 575, 698, 58, 6, 7],
      type: 'bar'
    }
  ]
}
</script>
<style lang="scss" scoped>
</style>
