135 lines
2.5 KiB
Vue
135 lines
2.5 KiB
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>
|