65 lines
1.3 KiB
Vue
65 lines
1.3 KiB
Vue
<!--
|
|
filename: Bipv.vue
|
|
author: liubin
|
|
date: 2024-04-10 15:39:54
|
|
description:
|
|
-->
|
|
|
|
<template>
|
|
<right-chart-base
|
|
:legend="legend"
|
|
:series="series"
|
|
:xAxis="xAxis"
|
|
:vHeight="20.5"
|
|
class="std-chart"
|
|
/>
|
|
</template>
|
|
|
|
<script>
|
|
import RightChartBase from "./RightChartBase.vue";
|
|
|
|
export default {
|
|
name: "StdChart",
|
|
components: { RightChartBase },
|
|
props: {
|
|
legend: {
|
|
type: Array,
|
|
default: () => [
|
|
{ label: "2024年目标值", color: "#f3c000" },
|
|
{ label: "2023年", color: "#12f7f1" },
|
|
{ label: "2024年", color: "#58adfa" },
|
|
],
|
|
},
|
|
xAxis: {
|
|
type: Array,
|
|
default: () => ["成都", "邯郸", "株洲", "瑞昌", "heels", "socks"],
|
|
},
|
|
series: {
|
|
type: Array,
|
|
default: () => [
|
|
{
|
|
name: "2024年目标值",
|
|
data: Array.from({ length: 7 }, () =>
|
|
Math.floor(Math.random() * 1000)
|
|
),
|
|
},
|
|
{
|
|
name: "2023年",
|
|
data: Array.from({ length: 7 }, () =>
|
|
Math.floor(Math.random() * 1000)
|
|
),
|
|
},
|
|
{
|
|
name: "2024年",
|
|
data: Array.from({ length: 7 }, () =>
|
|
Math.floor(Math.random() * 1000)
|
|
),
|
|
},
|
|
],
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss"></style>
|