lg_frontend/components/peak-coal-monitoring/ChangesPollutants.vue

<!--污染物变化趋势-->
<template>
  <div class="changes-pollutants">
    <changes-pollutants-charts :data-source="dataSource"/>
  </div>
</template>

<script>
import ChangesPollutantsCharts from "@/components/charts/ChangesPollutantsCharts";
export default {
  name: "ChangesPollutants",
  components: {ChangesPollutantsCharts},
  data(){
    return{
      dataSource: [
        {
          name: '星期一',
          value: 3,
          attr: '一氧化碳'
        },
        {
          name: '星期二',
          value: 4,
          attr: '一氧化碳'
        },
        {
          name: '星期三',
          value: 1,
          attr: '一氧化碳'
        },
        {
          name: '星期四',
          value: 4,
          attr: '一氧化碳'
        },
        {
          name: '星期五',
          value: 6,
          attr: '一氧化碳'
        },
        {
          name: '星期六',
          value: 1,
          attr: '一氧化碳'
        },
        {
          name: '星期日',
          value: 8,
          attr: '一氧化碳'
        },
        {
          name: '星期一',
          value: 1,
          attr: 'PM2.5'
        },
        {
          name: '星期二',
          value: 4,
          attr: 'PM2.5'
        },
        {
          name: '星期三',
          value: 7,
          attr: 'PM2.5'
        },
        {
          name: '星期四',
          value: 8,
          attr: 'PM2.5'
        },
        {
          name: '星期五',
          value: 2,
          attr: 'PM2.5'
        },
        {
          name: '星期六',
          value: 7,
          attr: 'PM2.5'
        },
        {
          name: '星期日',
          value: 1,
          attr: 'PM2.5'
        },
        {
          name: '星期一',
          value: 1,
          attr: 'PM10'
        },
        {
          name: '星期二',
          value: 4,
          attr: 'PM10'
        },
        {
          name: '星期三',
          value: 7,
          attr: 'PM10'
        },
        {
          name: '星期四',
          value: 8,
          attr: 'PM10'
        },
        {
          name: '星期五',
          value: 2,
          attr: 'PM10'
        },
        {
          name: '星期六',
          value: 7,
          attr: 'PM10'
        },
        {
          name: '星期日',
          value: 1,
          attr: 'PM10'
        }
      ]
    }
  }
}
</script>

<style scoped lang="less">
@import "../../assets/styles/mixin";

.changes-pollutants {
  height: 100%;
  width: 100%;
}
</style>