PhantomJS

Server Side and PhantomJS Chart Export

Static image generation with PhantomJS

PhantomJS and ZingChart setup

• Download PhantomJS from here and follow the installation steps.
• As an optional step and to ease calls to phantomjs executable, add the path to phantomjs to the system path.
• Download the ZingChart PhantomJS build
• Place the zingchart-phantomjs-min.js and the modules_phantomjs folder in your working folder.

Usage Examples

Generate out.png file based on the JSON from chart.json

phantomjs.exe c:/path/to/zingchart-phantomjs-min.js -width=800 -height=600 -dataurl=c:/path/to/chart.json -filename=c:/path/to/out.png

Generate out.pdf file based on the JSON from chart.json. Note the required --web-security=no when using URLs for the dataurl parameter.

phantomjs.exe --web-security=no c:/path/to/zingchart-phantomjs-min.js -width=800 -height=600 -dataurl=http://www.domain.com/chart.json -filename=c:/path/to/out.pdf

Return a string representing the base64 encoding of the generated file based on the JSON from chart.json

phantomjs.exe c:/path/to/zingchart-phantomjs-min.js -width=800 -height=600 -dataurl=c:/path/to/chart.json -base64=true

Generate out.png file based on the JSON from chart.json, loading the required modules maps and maps-usa.

phantomjs.exe c:/path/to/zingchart-phantomjs-min.js -width=800 -height=600 -dataurl=c:/path/to/chart.json -modules=maps,maps-usa -filename=c:/path/to/out.png

Return a string representing the SVG DOM of the generated chart based on the JSON from chart.json

phantomjs.exe c:/path/to/zingchart-phantomjs-min.js -width=800 -height=600 -dataurl=c:/path/to/chart.json -svg=true

Integration with PHP

<?php
  exec('phantomjs --web-security=no c:/path/to/zingchart-phantomjs-min.js -width=400 -height=400 -dataurl=http://www.domain.com/chart1.json -base64=yes', $out1);
  echo '<img src="data:image/png;base64,' . join('', $out1) . '"/>';

  exec('phantomjs --web-security=no c:/path/to/zingchart-phantomjs-min.js -zoomfactor=2 -width=1000 -height=400 -dataurl=http://www.domain.com/chart2.json -base64=yes', $out2);
  echo '<img src="data:image/png;base64,' . join('', $out2) . '"/>';

  exec('phantomjs c:/path/to/zingchart-phantomjs-min.js -width=800 -height=800 -dataurl=c:/path/to/chart3.json -modules=maps,maps-rou -base64=yes', $out3);
  echo '<img src="data:image/png;base64,' . join('', $out3) . '"/>';
?>

Command Line Options