<v-gantt-chart></v-gantt-chart> <!-- 先引入vue --> <!-- 再引入v-gantt-chart.js --> new Vue({ el: '#app', }) Usetemplate code<template> <v-gantt-chart :startTime="startTime" :endTime="endTime" :datas="datas"> <template v-slot:block="{data,item}"> <!--...
要全局安装它，您需要将其添加为插件。ganttastic.client.ts个
要全局安装它，您需要将其添加为插件。ganttastic.client.ts个
饼状图示例 pie title 饼状图示例 "A": 30 "B": 70 甘特图示例 gantt title 甘特图示例 dateFormat YYYY-MM-DD section Section 活动1 :a1, 2023-01-01, 30d 活动2 :after a1 , 20d </template> import axios from '@/http'; export default { data() { return { items: [], }...
interfaceganttChartItem{// 宽度width:number,// 颜色color:string}interfaceProps{// idid:string// 宽度width:number,// 高度height?:number,// 是否初始化init?:boolean,// 子项list?:Array<ganttChartItem>,// 是否显示描述desc?:string// 描述颜色descColor?:string}constprops=withDefaults(defineProps<Pr...