index.vue 1.63 KB
<template>
  <Chart :cdata="cdata" />
</template>

<script>
import Chart from './Chart'
export default {
  data () {
    return {
      cdata: {
        legendItem: ['接入', '上报', '登簿'],
        color: [
          "#5324DA",
          "#E873B2",
          "#F4AF6F "
        ],
        echartData: [{
          name: "2017-11",
          value1: 1351,
          value2: 600,
          value3: 568,
        },
        {
          name: "2017-11",
          value1: 980,
          value2: 1245,
          value3: 1100,
        },
        {
          name: "2017-11",
          value1: 1127,
          value2: 398,
          value3: 568,
        },
        {
          name: "2017-11",
          value1: 1046,
          value2: 689,
          value3: 479
        },
        {
          name: "2018-02",
          value1: 780,
          value2: 396,
          value3: 655
        },
        {
          name: "2018-08",
          value1: 359,
          value2: 1220,
          value3: 540,
        },
        {
          name: "2018-07",
          value1: 229,
          value2: 836,
          value3: 1234,
        },
        {
          name: "2018-09",
          value1: 1176,
          value2: 478,
          value3: 755,
        },
        {
          name: "2018-11",
          value1: 515,
          value2: 911,
          value3: 806,
        },
        {
          name: "2019-01",
          value1: 658,
          value2: 979,
          value3: 813,
        },
        {
          name: "2019-03",
          value1: 364,
          value2: 839,
          value3: 886,
        },
        ]
      }
    }
  },
  components: {
    Chart
  }
}
</script>