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
import { createCanvas } from "../mod.ts";// @deno-types="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/types/index.esm.d.ts"import {  Chart,  registerables,} from "https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.esm.js";
Chart.register(...registerables);
const canvas = createCanvas(800, 600);const ctx = canvas.getContext("2d");
const _myChart = new Chart(ctx, {  type: "bar",  data: {    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],    datasets: [{      label: "# of Votes",      data: [12, 19, 3, 5, 2, 3],      backgroundColor: [        "rgba(255, 99, 132, 0.2)",        "rgba(54, 162, 235, 0.2)",        "rgba(255, 206, 86, 0.2)",        "rgba(75, 192, 192, 0.2)",        "rgba(153, 102, 255, 0.2)",        "rgba(255, 159, 64, 0.2)",      ],      borderColor: [        "rgba(255, 99, 132, 1)",        "rgba(54, 162, 235, 1)",        "rgba(255, 206, 86, 1)",        "rgba(75, 192, 192, 1)",        "rgba(153, 102, 255, 1)",        "rgba(255, 159, 64, 1)",      ],      borderWidth: 1,    }],  },  options: {    scales: {      y: {        beginAtZero: true,      },    },    animation: false,  },});
canvas.save("testdata/chart.png");console.log("Rendered chart to testdata/chart.png");