Question

我正在尝试创建使用Higharts服务器端生成的图形图像，以用于PDF创建。

我在Centos 6.5服务器上安装了PhantomJS，以便运行生成Highcharts图像。

我正在使用PHP并且正在努力理解我需要采取的步骤来实际“运行”javascript，这将导致图像保存服务器端以用于我的PDF（我使用mPDF生成PDF）。 / p>

我需要的过程：

用户点击“下载PDF”
一些图表和图形是生成服务器端，保存到服务器上的文件
mPDF可以在构建PDF时提供这些文件并提供下载

这是我到目前为止所尝试的内容

从PHP运行PhantomJS 在this堆栈溢出问题“如何从PHP执行PhantomJS”之后我推断我可以以这种方式运行PhantomJS应用程序。

exec('/usr/bin/phantomjs test.js');

其中test.js是一个javascript文件，其中包含构建高清图所需的javascript，并以PNG格式生成相关图形的导出图像文件。

测试PhatomJS的exec（）方法 我通过测试

测试了使用php成功运行phatomjs

exec（'/ usr / bin / phantomjs --version'，$ o，$ e）;

的print_r（$ O）; echo $ e;

哪个正确地给了我我的phantomJS版本号（1.9.8）和一个0错误代码（表示没有错误）所以我认为PhantomJS已经运行正常并且我正在使用正确的路径来实现它，并且似乎执行它确定。

创建一个Javascript文件，该文件将生成图形的服务器端图像

在this对我的类似问题做出回应之后，我推断test.js文件的形式应该是这样的：

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

// load JS libraries
page.injectJs("https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js");
page.injectJs("/js/highcharts/highcharts.js");
page.injectJs("/js/highcharts/modules/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();

但这似乎写了一个pdf和png文件到......某处（哪里？test.js所在的目录相同？）

如何让它呈现PNG而不是PDF？

使用exec错误报告上面给出的是退出代码11，我看到here是一个分段错误？

测试

注意我已经使用phantomJS网站提供的一个简单的screencapture示例测试了js脚本：

var page = require('webpage').create();
page.open('http://github.com/', function() {
  page.render('github.png');
  phantom.exit();
});

要替换我的highcharts生成javacsript，但它也会返回退出代码11。

我认为它可能是一个写入访问问题所以测试它写入一个文件，我将chmod更改为777.没有区别

从命令行运行上述测试脚本会导致phantomJS崩溃和分段错误。

我现在也尝试运行一个js文件，它根本不尝试写入服务器，只写'Hello，world！'对于控制台日志，当以下是test.js

console.log('Hello, world!');
phantom.exit();

Answer 1

这结果是物理内存的问题。我有2GB分配给我的服务器，并且phantomJS每次运行时都试图分配1GB，有时这不是免费的，我被给予了分段错误。

我将机器上的内存增加到4Gb并且没有任何问题。

使用PhantomJS创建HighCharts grahps服务器端以用于PDF创建（PHP） - 导致退出代码11来自PHPs exec（）;

1 个答案: