makepad-component/chart_test.json at main · ZhangHanDong/makepad-component · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
[
  {
    "beginRendering": {
      "surfaceId": "main",
      "root": "root-column"
    }
  },
  {
    "surfaceUpdate": {
      "surfaceId": "main",
      "components": [
        {
          "id": "root-column",
          "component": {
            "Column": {
              "children": {"explicitList": ["title", "bar-chart", "line-chart", "pie-chart"]}
            }
          }
        },
        {
          "id": "title",
          "component": {
            "Text": {
              "text": {"literalString": "Sales Dashboard"},
              "usageHint": "h1"
            }
          }
        },
        {
          "id": "bar-chart",
          "component": {
            "Chart": {
              "chartType": "bar",
              "title": {"literalString": "Monthly Revenue"},
              "labels": ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
              "series": [
                {"name": "Revenue", "values": [12000, 19000, 15000, 22000, 18000, 25000]},
                {"name": "Costs", "values": [8000, 12000, 9000, 14000, 11000, 15000]}
              ],
              "width": 500,
              "height": 300
            }
          }
        },
        {
          "id": "line-chart",
          "component": {
            "Chart": {
              "chartType": "line",
              "title": {"literalString": "User Growth"},
              "labels": ["Q1", "Q2", "Q3", "Q4"],
              "series": [
                {"name": "Users", "values": [1200, 2400, 3800, 5200]},
                {"name": "Active", "values": [800, 1800, 3200, 4600]}
              ],
              "width": 500,
              "height": 280
            }
          }
        },
        {
          "id": "pie-chart",
          "component": {
            "Chart": {
              "chartType": "pie",
              "title": {"literalString": "Revenue by Category"},
              "labels": ["Electronics", "Clothing", "Food", "Services"],
              "series": [
                {"values": [45, 25, 15, 15]}
              ],
              "width": 500,
              "height": 280
            }
          }
        }
      ]
    }
  },
  {
    "dataModelUpdate": {
      "surfaceId": "main",
      "path": "/",
      "contents": []
    }
  }
]