如何使用NodeJS创建图表？

Question

是否可以使用NodeJS创建图表,例如带有自定义图标的条形图和馅饼？

Answer 1

d3可能是你最好的选择.它几乎可以生成任何类型的图表.

您可以直接在浏览器中生成图表,或者如果您确实需要图像文件,则可以在节点中使用模块并将输出转换为图像.

Answer 2

基本上，您可以使用任何图表库。例如：

• 谷歌图表 API
• 图表
• 图表师

在您的服务器模板代码中，您可能希望使用服务器变量输出数据。下面使用 swig 模板引擎、ExpressJS 和 Chartist 库的示例

<div class="ct-chart ct-perfect-fourth"></div>
<script>
    new Chartist.Line('.ct-chart', {
        labels: {{ chartLabel | raw }}, 
        series : [{{ charts | raw}}]
    }, {
        axisY: {
            onlyInteger: true
        }
    });
</script>

在此处了解有关其他图表库的更多信息

Answer 3

简单的 Headless NodeJS（不是本地主机或基于 Web）

出于我的目的，我只想绘制一个图表，而不需要启动本地主机服务器或其他任何东西。所以我使用chartjs-node-canvas并chart.js 安装：

npm i chartjs-node-canvas chart.js

在此，我将其写入文件以显示它有效，但我个人只需要 Base64 字符串即可上传到某处

npm i chartjs-node-canvas chart.js

这是文档https://www.npmjs.com/package/chartjs-node-canvas，配置文档位于https://www.chartjs.org/docs/latest/axes/