Chart.js Migration Tool – Convert Your Config Instantly

Chart.js

 1{
 2  type: "bar",
 3  data: {
 4    labels: ["Q1", "Q2", "Q3", "Q4"],
 5    datasets: [
 6      {
 7        label: "Product",
 8        data: [12, 19, 15, 22]
 9      },
10      {
11        label: "Services",
12        data: [8, 11, 9, 14]
13      },
14      {
15        label: "Licensing",
16        data: [3, 5, 5, 6]
17      }
18    ]
19  },
20  options: {
21    plugins: {
22      title: {
23        display: true,
24        text: "Revenue by Stream"
25      },
26      subtitle: {
27        display: true,
28        text: "FY 2025, millions"
29      }
30    },
31    scales: {
32      y: {
33        title: {
34          display: true,
35          text: "Revenue ($M)"
36        }
37      }
38    }
39  }
40}

szum

 1{
 2  "version": "2026-03-20",
 3  "theme": "editorial",
 4  "format": "svg",
 5  "title": "Revenue by Stream",
 6  "subtitle": "FY 2025, millions",
 7  "y": {
 8    "label": "Revenue ($M)"
 9  },
10  "marks": [
11    {
12      "type": "barY",
13      "data": [
14        {
15          "x": "Q1",
16          "y": 12,
17          "category": "Product"
18        },
19        {
20          "x": "Q2",
21          "y": 19,
22          "category": "Product"
23        },
24        {
25          "x": "Q3",
26          "y": 15,
27          "category": "Product"
28        },
29        {
30          "x": "Q4",
31          "y": 22,
32          "category": "Product"
33        },
34        {
35          "x": "Q1",
36          "y": 8,
37          "category": "Services"
38        },
39        {
40          "x": "Q2",
41          "y": 11,
42          "category": "Services"
43        },
44        {
45          "x": "Q3",
46          "y": 9,
47          "category": "Services"
48        },
49        {
50          "x": "Q4",
51          "y": 14,
52          "category": "Services"
53        },
54        {
55          "x": "Q1",
56          "y": 3,
57          "category": "Licensing"
58        },
59        {
60          "x": "Q2",
61          "y": 5,
62          "category": "Licensing"
63        },
64        {
65          "x": "Q3",
66          "y": 5,
67          "category": "Licensing"
68        },
69        {
70          "x": "Q4",
71          "y": 6,
72          "category": "Licensing"
73        }
74      ],
75      "fill": "category",
76      "group": "dodge"
77    }
78  ]
79}

Migrate from Chart.js