73 lines
1.6 KiB
Vue
73 lines
1.6 KiB
Vue
<!--
|
|
filename: chip-invest.vue
|
|
author: liubin
|
|
date: 2024-04-10 08:59:28
|
|
description:
|
|
-->
|
|
|
|
<template>
|
|
<left-chart-base
|
|
:legend="legend"
|
|
:series="series"
|
|
:xAxis="xAxis"
|
|
class="chip-invest-chart"
|
|
/>
|
|
</template>
|
|
|
|
<script>
|
|
import LeftChartBase from "./LeftChartBase.vue";
|
|
|
|
export default {
|
|
name: "chip-investChart",
|
|
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 chipInvest = this.$store.getters.home.chipInvest;
|
|
console.log("FTO ==> ", chipInvest);
|
|
|
|
if (!chipInvest || !chipInvest.current || !chipInvest.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: chipInvest.previous,
|
|
},
|
|
{
|
|
name: `${new Date().getFullYear()}年`,
|
|
data: chipInvest.current,
|
|
},
|
|
];
|
|
},
|
|
},
|
|
};
|
|
</script>
|