23 lines
452 B
Markdown
23 lines
452 B
Markdown
# 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"
|
|
/>
|
|
```
|