72 lines
1.6 KiB
Vue
72 lines
1.6 KiB
Vue
<!--
|
|
* @Author: zhp
|
|
* @Date: 2024-04-28 13:42:51
|
|
* @LastEditTime: 2024-07-23 17:03:50
|
|
* @LastEditors: zhp
|
|
* @Description:
|
|
-->
|
|
|
|
<template>
|
|
<left-chart-base
|
|
:legend="legend"
|
|
:series="series"
|
|
:xAxis="xAxis"
|
|
class="fto-chart"
|
|
/>
|
|
</template>
|
|
|
|
<script>
|
|
import LeftChartBase from "./LeftChartBase.vue";
|
|
|
|
export default {
|
|
name: "FtoChart",
|
|
components: { LeftChartBase },
|
|
data() {
|
|
const year = new Date().getFullYear();
|
|
// 城市数组的顺序必须是固定的
|
|
const cities = ["瑞昌", "邯郸",
|
|
// "株洲", "佳木斯", "成都", "凯盛", "蚌埠"
|
|
];
|
|
return {
|
|
legend: [
|
|
{ label: `${year - 1}年`, color: "#12f7f1" },
|
|
{ label: `${year}年`, color: "#58adfa" },
|
|
],
|
|
xAxis: cities,
|
|
};
|
|
},
|
|
computed: {
|
|
series() {
|
|
const ftoInvest = this.$store.getters.home.ftoInvest;
|
|
if (!ftoInvest || !ftoInvest.current || !ftoInvest.previous) {
|
|
return [
|
|
{
|
|
name: "样例数据--2023年",
|
|
data: Array.from({ length: 7 }, () =>
|
|
Math.floor(Math.random() * 1000)
|
|
),
|
|
},
|
|
{
|
|
name: "样例数据--2024年",
|
|
data: Array.from({ length: 7 }, () =>
|
|
Math.floor(Math.random() * 1000)
|
|
),
|
|
},
|
|
];
|
|
}
|
|
|
|
return [
|
|
{
|
|
name: `${new Date().getFullYear() - 1}年`,
|
|
data: ftoInvest.previous,
|
|
},
|
|
{
|
|
name: `${new Date().getFullYear()}年`,
|
|
data: ftoInvest.current,
|
|
},
|
|
];
|
|
},
|
|
},
|
|
};
|
|
</script>
|