bma-org-chart

Org Chart

วิธีใช้

// import Org Chart Component
import { OrgChart } from 'org-chart'
import 'org-chart/org-chart.css' // or import 'org-chart/dist/style.css'

// import Data from static file or API
import chartData from '@/assets/orgChartData'
const dataSource = ref(chartData)

// onClick Event
const chartClick = (data: any) => {
	console.log(data.value)
}

<OrgChart
	:dataSource="data"
	@onElementClick="chartClick"
/>