src/views/vehiclesection.vue

<template>
  <div>
    <titlesection title="今日车流量"></titlesection>
    <lineChart :chart-data="lineChartData" class="flexfm inout-wrap" >
    </lineChart>
  </div>
</template>
<script>
import titlesection from '../components/titlesection'
import {fetchList} from '../api/api'
import lineChart from '../components/lineChart'
export default {
  name: 'vehiclesection',
  components: {
    titlesection,
    lineChart
  },
  data() {
    return {
      lineChartData: {
        xData: ['周一','周二','周三','周四','周五','周六','周日'],
        yData: {
          indata:[120, 132, 101, 134, 90, 230, 210],
          outdata:[220, 182, 191, 234, 290, 330, 310],
        },
        legendData: ['出场1','进场']
      },
      dzNum: '23454',
      ydpNum: '4454'
    }
  },
  created() {
  },
  methods: {
    getList() {
      fetchList()
      .then(res => {
        console.log(res);
      });
    },
  }
}
</script>
<style lang="scss"  scoped>
  .inout-wrap{
    display: flex;
  }
</style>