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