Compare commits
2 Commits
9953d500e3
...
9ebafccc2f
Author | SHA1 | Date | |
---|---|---|---|
|
9ebafccc2f | ||
|
5381a970e6 |
|
@ -12,26 +12,32 @@ import { onMounted, ref } from "vue";
|
|||
const barChartRef = ref(null);
|
||||
|
||||
const { categories, seriesData, title, legendList } = defineProps({
|
||||
// 横坐标
|
||||
categories: {
|
||||
type: Array,
|
||||
required: true,
|
||||
},
|
||||
// 纵坐标
|
||||
seriesData: {
|
||||
type: Array,
|
||||
required: true,
|
||||
},
|
||||
// 标题
|
||||
title: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
// 图例
|
||||
legendList: {
|
||||
type: Array,
|
||||
required: true,
|
||||
},
|
||||
// 宽度
|
||||
width: {
|
||||
type: String,
|
||||
default: "100%",
|
||||
},
|
||||
// 高度
|
||||
height: {
|
||||
type: String,
|
||||
default: "100%",
|
||||
|
|
|
@ -14,10 +14,12 @@ import { onMounted, ref } from "vue";
|
|||
const lineChartRef = ref(null);
|
||||
|
||||
const { categories, seriesData, titleP, legendList } = defineProps({
|
||||
// 横坐标
|
||||
categories: {
|
||||
type: Array,
|
||||
required: true,
|
||||
},
|
||||
// 纵坐标
|
||||
seriesData: {
|
||||
type: Array,
|
||||
required: true,
|
||||
|
@ -26,6 +28,7 @@ const { categories, seriesData, titleP, legendList } = defineProps({
|
|||
type: String,
|
||||
default: "示例折线图",
|
||||
},
|
||||
// 图例
|
||||
legendList: {
|
||||
type: Array,
|
||||
required: true,
|
||||
|
|
|
@ -12,6 +12,7 @@ import { onMounted, ref } from "vue";
|
|||
const pieChartRef = ref(null);
|
||||
|
||||
const { titleP, dataP } = defineProps({
|
||||
// 图表数据
|
||||
dataP: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
|
|
Loading…
Reference in New Issue
Block a user