使用PhantomJS. 您可以渲染Highchart图表并将其保存为 SVG、PNG、JPEG 或 PDF。下面的示例将演示Highcharts图同时呈现为 SVG 和 PDF：

var system = require('system');
var page = require('webpage').create();
var fs = require('fs');

// load JS libraries
page.injectJs("js/jquery.min.js");
page.injectJs("js/highcharts/highcharts.js");
page.injectJs("js/highcharts/exporting.js");

// chart demo
var args = {
    width: 600,
    height: 500
};

var svg = page.evaluate(function(opt){
    $('body').prepend('<div id="container"></div>');

    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            width: opt.width,
            height: opt.height
        },
        exporting: {
            enabled: false
        },
        title: {
            text: 'Combination chart'
        },
        xAxis: {
            categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums']
        },
        yAxis: {
            title: {
                text: 'Y-values'
            }
        },
        labels: {
            items: [{
                html: 'Total fruit consumption',
                style: {
                    left: '40px',
                    top: '8px',
                    color: 'black'
                }
            }]
        },
        plotOptions: {
            line: {
                dataLabels: {
                    enabled: true
                },
                enableMouseTracking: false
            },
            series: {
                enableMouseTracking: false, 
                shadow: false, 
                animation: false
            }
        },
        series: [{
            type: 'column',
            name: 'Andrii',
            data: [3, 2, 1, 3, 4]
        }, {
            type: 'column',
            name: 'Fabian',
            data: [2, 3, 5, 7, 6]
        }, {
            type: 'column',
            name: 'Joan',
            data: [4, 3, 3, 9, 0]
        }, {
            type: 'spline',
            name: 'Average',
            data: [3, 2.67, 3, 6.33, 3.33],
            marker: {
                lineWidth: 2,
                lineColor: 'white'
            }
        }, {
            type: 'pie',
            name: 'Total consumption',
            data: [{
                name: 'Andrii',
                y: 13,
                color: '#4572A7'
            }, {
                name: 'Fabian',
                y: 23,
                color: '#AA4643'
            }, {
                name: 'Joan',
                y: 19,
                color: '#89A54E'
            }],
            center: [100, 80],
            size: 100,
            showInLegend: false,
            dataLabels: {
                enabled: false
            }
        }]
    });

    return chart.getSVG();
},  args);

// Saving SVG to a file
fs.write("demo.svg", svg);
// Saving diagram as PDF
page.render('demo.pdf');

phantom.exit();

如果将代码另存为demo.js，则只需运行bin/phantomjs demo.js即可生成demo.svg和demo.pdf

我只是使用大雄的方法来实现这一点。我正在创建一个调查，在图表中显示用户的结果，将图像上传到我的服务器，然后发送一封包含图像的电子邮件。这里有几点需要注意。

我不得不对 highcharts/exporting-server/index.php 文件进行一些更新，如下所示：

我将目录从“temp”更改为其他内容，只需注意它位于 4 个不同的位置。

我不得不更改 shell_exec() 添加“-XX:MaxHeapSize=256m”，因为它给了我一个错误：

$output = shell_exec("java -XX:MaxHeapSize=256m -jar ". BATIK_PATH ." $typeString -d $outfile $width /mypathhere/results/$tempName.svg");

如果您希望它下载该图像，您可以单独保留以下内容：

header("Content-Disposition: attachment; filename=$filename.$ext");
header("Content-Type: $type");
echo file_get_contents($outfile);

但是，我改变了这一点，因为我想发回图像的路径，所以我删除了上面的内容并将其替换为图像路径（请注意，我只是使用了临时名称。）：

echo "/mypathhere/results/$tempName.$ext";

此外，此文件正在删除 svg 文件以及您制作的新文件。您需要删除删除文件的代码：

unlink($outfile);

如果你想保留 svg 文件，你也可以删除它之前的行。

确保包含 highcharts/js/modules/exporting.js

然后，在您的 JS 中，您可以执行以下操作：

var chart = new Highcharts.Chart();    
var imageURL = '';
var svg = chart.getSVG();
var dataString = 'type=image/jpeg&filename=results&width=500&svg='+svg;
$.ajax({
    type: 'POST',
    data: dataString,
    url: '/src/js/highcharts/exporting-server/',
    async: false,
    success: function(data){
        imageURL = data;
    }
});

您发布到的 URL 是 /exporting-server/index.php 的新版本。然后，您可以随意使用 imageURL。

我以前没有这样做过，但我相信您想使用index.php位于exporting-server文件夹中的文件。默认情况下，Highcharts 提供（免费）Web 服务，但您可以修改它并创建自己的 Web 服务以进行导出，或者对图表执行任何您想要的操作。查看这些说明，可以在此处找到导出module：

“如果你想在你自己的服务器上设置这个 web 服务，处理 POST 的 index.php 文件在 /exporting-server 目录内的下载包中提供。

1. 确保您的服务器上安装了 PHP 和 Java。
2. 将下载包中 /exporting-server 目录下的 index.php 文件上传到您的服务器。
3. 在您的 FTP 程序中，在与 index.php 相同的目录中创建名为 temp 的目录，并将此新目录 chmod 为 777（仅限 Linux/Unix 服务器）。
4. 从http://xmlgraphics.apache.org/batik/#download下载蜡染。查找您的 jre 版本的二进制分发版
5. 将 batik-rasterizer.jar 和整个 lib 目录上传到您的 Web 服务器上的某个位置。在 index.php 文件顶部的选项中，将路径设置为 batik-rasterier.jar。
6. 在您的图表选项中，设置 exporting.url 选项以匹配您的 PHP 文件位置。”

你可以试试这个

 var chart = $('#yourchart').highcharts();
    svg = chart.getSVG();   
    var base_image = new Image();
    svg = "data:image/svg+xml,"+svg;
    base_image.src = svg;
    $('#mock').attr('src', svg);

将 Mock 的 html 发送到 DB 或仅保存二进制代码。

将 highchart 保存为二进制图像