javascript - 有没有办法使用 Chart.js 将图表作为图像直接存储到服务器？

Question

目前，我正在使用 html2canvas 并且能够首先将使用 Chartjs 生成的图表转换为 base64Image，然后将其保存到服务器上的文件夹中。但是，这需要我先在浏览器中渲染图像。我希望能够将图表保存为图像，而无需首先在客户端加载。因此，基本上脚本将在服务器端运行并直接将图像存储在服务器上。

标签： javascriptphphtmlchart.js

Answer 1

您可以使用https://www.image-charts.com/使用它，您可以将配置作为 api 请求发送，然后您会取回图像，因此您必须在服务器上调用它来保存它。

示例：https ://image-charts.com/chart.js/2.8.0?bkg=white&c=%7B%22type%22:%22line%22,%22data%22:%7B%22datasets%22:%5B %7B%22type%22:%22line%22,%22fill%22:false,%22backgroundColor%22:%22rgba(255,%2024,%201,%201)%22,%22borderColor%22:%22rgba(255 ,%2024,%201,%201)%22,%22pointRadius%22:0,%22data%22:%5B67.0,65.0,70.0,81.0,83.0,81.0,79.0,74.0,78.0,77.0%5D, %22label%22:%22输出%22%7D%5D,%22labels%22:%5B%2200%22,%2205%22,%2210%22,%2215%22,%2220%22,%2225%22 ,%2230%22%5D%7D,%22options%22:%7B%22tooltips%22:%7B%22intersect%22:false%7D,%22scales%22:%7B%22xAxes%22:%5B%7B% 22gridLines%22:%7B%22display%22:false%7D%7D%5D,%22yAxes%22:%5B%7B%22gridLines%22:%7B%22display%22:false%7D%7D%5D%7D% 7D%7D