1import { BarGanttChart, Chart, Navigation, NavigationStack, Script, VStack } from "scripting"
2
3const data = [
4 { job: "Job 1", start: 0, end: 15 },
5 { job: "Job 2", start: 5, end: 25 },
6 { job: "Job 1", start: 20, end: 35 },
7 { job: "Job 1", start: 40, end: 55 },
8 { job: "Job 2", start: 30, end: 60 },
9 { job: "Job 2", start: 30, end: 60 },
10]
11
12function Example() {
13 return <NavigationStack>
14 <VStack
15 navigationTitle={"BarGanttChart"}
16 navigationBarTitleDisplayMode={"inline"}
17 >
18 <Chart
19 frame={{
20 height: 400
21 }}
22 >
23 <BarGanttChart
24 labelOnYAxis
25 marks={data.map(item => ({
26 label: item.job,
27 start: item.start,
28 end: item.end
29 }))}
30 />
31 </Chart>
32 </VStack>
33 </NavigationStack>
34}
35
36async function run() {
37 await Navigation.present({
38 element: <Example />
39 })
40
41 Script.exit()
42}
43
44run()
