Chart.js 标签问题使用 chartjs-node-canvas答案

【问题标题】：Chart.js Label Issue using chartjs-node-canvasChart.js 标签问题使用 chartjs-node-canvas
【发布时间】：2022-08-08 16:27:54
【问题描述】：

Why I am getting boxes instead of labels, when chart is generated on server?

请提供足够的代码，以便其他人可以更好地理解或重现该问题。

标签： node.js angular charts server

【解决方案1】：

可能文字坏了可能是编码类型的方法。（charset ut8 我建议附上代码。

【讨论】：

欢迎来到堆栈溢出！您的答案可以通过额外的支持信息得到改进。请edit your post 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案2】：

我有同样的问题。通过将字体文件添加到 ./assets/chartjsNodeCanvasFont/Lato-Black.ttf & registeringFont & chartCallback 来解决它

    canvasRenderService = new CanvasRenderService.ChartJSNodeCanvas({
        width,
        height,
        plugins: {
            modern: ['chartjs-plugin-annotation', 'chartjs-adapter-moment'],
        },
        chartCallback: (ChartJS: any) => {
            ChartJS.defaults.font.family = 'Lato-Black';
            ChartJS.defaults.font.size = 16;
            ChartJS.defaults.font.weight = 'bold';
        }
    });
    canvasRenderService.registerFont('./assets/chartjsNodeCanvasFont/Lato-Black.ttf', { family: 'Lato-Black' });

【讨论】：