GenGraphic.js

import { createCanvas } from "canvas";
import { createWriteStream, existsSync, mkdirSync } from "fs";
import Chart from "chart.js/auto";
import { Colors } from "chart.js";

export default (data, labels, graphName) => {
  Chart.register(Colors);

  const canvas = createCanvas(800, 600);
  const ctx = canvas.getContext("2d");

  new Chart(ctx, {
    type: "line",
    data: {
      labels: labels,
      datasets: data,
    },
    options: {
      responsive: true,
      scales: {
        x: {},
        y: {
          suggestedMin: 0,
          suggestedMax: 100,
          max: 1000,
          ticks: {
            callback: function (value) {
              return value + " ms";
            },
          },
        },
      },
      layout: {
        padding: 20,
      },
      plugins: {
        legend: {
          position: "top",
        },
        title: {
          display: true,
          text: graphName[1],
        },
      },
    },
  });

  const resultDir = "./result";
  if (!existsSync(resultDir)) {
    mkdirSync(resultDir);
  }

  const outputPath = `${resultDir}/${graphName[0]}.png`;
  const out = createWriteStream(outputPath);
  const stream = canvas.createPNGStream();
  stream.pipe(out);
  out.on("finish", () => {
    console.log(`Gráfico salvo em: ${outputPath}`);
  });
};