141 lines
2.5 KiB
Vue
141 lines
2.5 KiB
Vue
<template>
|
|
<div>
|
|
<Chart :cdata="cdata" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Chart from './chart.vue'
|
|
export default {
|
|
data () {
|
|
return {
|
|
cdata: {
|
|
category: [
|
|
"市区",
|
|
"万州",
|
|
"江北",
|
|
"南岸",
|
|
"北碚",
|
|
"綦南",
|
|
"长寿",
|
|
"永川",
|
|
"璧山",
|
|
"江津",
|
|
"城口",
|
|
"大足",
|
|
"垫江",
|
|
"丰都",
|
|
"奉节",
|
|
"合川",
|
|
"江津区",
|
|
"开州",
|
|
"南川",
|
|
"彭水",
|
|
"黔江",
|
|
"石柱",
|
|
"铜梁",
|
|
"潼南",
|
|
"巫山",
|
|
"巫溪",
|
|
"武隆",
|
|
"秀山",
|
|
"酉阳",
|
|
"云阳",
|
|
"忠县",
|
|
"川东",
|
|
"检修"
|
|
],
|
|
lineData: [
|
|
18092,
|
|
20728,
|
|
24045,
|
|
28348,
|
|
32808,
|
|
36097,
|
|
39867,
|
|
44715,
|
|
48444,
|
|
50415,
|
|
56061,
|
|
62677,
|
|
59521,
|
|
67560,
|
|
18092,
|
|
20728,
|
|
24045,
|
|
28348,
|
|
32808,
|
|
36097,
|
|
39867,
|
|
44715,
|
|
48444,
|
|
50415,
|
|
36097,
|
|
39867,
|
|
44715,
|
|
48444,
|
|
50415,
|
|
50061,
|
|
32677,
|
|
49521,
|
|
32808
|
|
],
|
|
barData: [
|
|
4600,
|
|
5000,
|
|
5500,
|
|
6500,
|
|
7500,
|
|
8500,
|
|
9900,
|
|
12500,
|
|
14000,
|
|
21500,
|
|
23200,
|
|
24450,
|
|
25250,
|
|
33300,
|
|
4600,
|
|
5000,
|
|
5500,
|
|
6500,
|
|
7500,
|
|
8500,
|
|
9900,
|
|
22500,
|
|
14000,
|
|
21500,
|
|
8500,
|
|
9900,
|
|
12500,
|
|
14000,
|
|
21500,
|
|
23200,
|
|
24450,
|
|
25250,
|
|
7500
|
|
],
|
|
rateData: []
|
|
}
|
|
};
|
|
},
|
|
components: {
|
|
Chart,
|
|
},
|
|
mounted () {
|
|
this.setData();
|
|
},
|
|
methods: {
|
|
// 根据自己的业务情况修改
|
|
setData () {
|
|
for (let i = 0; i < this.cdata.barData.length -1; i++) {
|
|
let rate = this.cdata.barData[i] / this.cdata.lineData[i];
|
|
this.cdata.rateData.push(rate.toFixed(2));
|
|
}
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
</style> |