1import { Chart, Navigation, NavigationStack, PieChart, Script, VStack } from "scripting"
2
3let data = [
4 { name: "Cachapa", sales: 9631 },
5 { name: "Crêpe", sales: 6959 },
6 { name: "Injera", sales: 4891 },
7 { name: "Jian Bing", sales: 2506 },
8 { name: "American", sales: 1777 },
9 { name: "Dosa", sales: 625 },
10]
11
12function Example() {
13
14 return <NavigationStack>
15 <VStack
16 navigationTitle={"PieChart"}
17 navigationBarTitleDisplayMode={"inline"}
18 >
19 <Chart
20 frame={{
21 height: 300
22 }}
23 >
24 <PieChart
25 marks={
26 data.map(item => ({
27 category: item.name,
28 value: item.sales,
29 }))
30 }
31 />
32 </Chart>
33 </VStack>
34 </NavigationStack>
35}
36
37
38async function run() {
39 await Navigation.present({
40 element: <Example />
41 })
42
43 Script.exit()
44}
45
46run()
