web/src/components/report-data/EchartsDetail.vue

<template>
  <div class="report-echarts">
    <div class="chart_title">{{title}}</div>
    <ve-histogram
      height="284px"
      :data="projectData"
      :after-config="Config"
      >
    </ve-histogram>
  </div>
</template>

<script>
import { VeHistogram } from 'v-charts'
export default {
  props: ['title', 'projectData', 'Config'],
  name: 'report-echarts',
  components: {
    VeHistogram
  }
}
</script>

<style lang="scss" scoped>
.report-echarts{
  width: 100%;
  .chart_title{
    font-size: 18px;
    color: #1d1d1d;
    line-height: 28px;
  }
}
</style>