export - line shown in bold when exporting Highcharts with Phantomjs -

-

i want export line chart server using highcharts , phantomjs, image exported line shown in bold: enter image description here

here source code used generate chart:

var system = require('system'); var page = require('webpage').create(); var fs = require('fs');  page.injectjs("/var/www/test/public/jquery.js") || (console.log("unable load jquery") && phantom.exit()); page.injectjs("/var/www/test/public/js/highcharts.js") || (console.log("unable load highcharts") && phantom.exit()); page.injectjs("/var/www/test/public/js/exporting.js") || (console.log("unable load exporting") && phantom.exit());  page.onconsolemessage = function(msg) {     console.log(msg); }  var width = 550, height = 400; if(system.args.length == 4) {     width = parseint(system.args[2], 10);     height = parseint(system.args[3], 10); }  console.log("load result file");  var result = [['nintendo', 54030288], ['electronic arts', 31367739],                ['activision', 30230170], ['ubisoft', 25318980],                ['microsoft', 24372261], ['sony computer entertainment', 138059037],                ['bethesda softworks', 10813372], ['take-two interactive', 10012212],                ['others', 33910911]             ];  var evalarg = {     width: width,     height: height };  var svg = page.evaluate(function(opt){     $('body').append('<div id="container"></div>');     var chart = new highcharts.chart({         chart: {             renderto: 'container',             animation: false         },         title: {             text: 'population ages 65 , on (% of total)',         },         credits: {             position: {                 align: 'left',                 x: 20             },             text: 'data world bank'         },         xaxis: {             categories: [                 '1980', '1981', '1982', '1983', '1984', '1985',                 '1986', '1987', '1988', '1989', '1990', '1991',                 '1992', '1993', '1994', '1995', '1996', '1997',                 '1998', '1999', '2000', '2001', '2002', '2003',                 '2004', '2005', '2006', '2007', '2008', '2009', '2010'             ],             labels: {                 step: 5             }         },         yaxis: {             title: {                 text: 'percentage %',             }         },         tooltip:{             enabled: false         },         series: [{             name: 'algeria - 65 , over',             data: [ 9, 9, 9, 10, 10, 10, 10, 11, 11, 12, 12, 12, 13, 13, 14, 14,                     15, 15, 16, 17, 17, 18, 18, 19, 19, 20, 20, 21, 21, 22, 23 ],             enablemousetraking: false         }]     });     console.log('exported svg');     return chart.getsvg(); }, evalarg); fs.isfile("/var/www/test/autoscripts/sanbi/images/hoc.svg") && fs.remove("/var/www/test/autoscripts/sanbi/images/hoc.svg"); console.log('saved svg file'); fs.write("/var/www/test/autoscripts/sanbi/images/hoc.svg", svg); phantom.exit();

to get run command:

phantomjs test.js

please idea avoid behaviour? thanks

please ensure if have newest highcharts-convert.js, because have tested on own phantomjs , works well.


Comments

Post a Comment

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

-
i'm trying plot frequency characteristic equation using ezplot, matlab gives following warning, "contour not rendered non-finite zdata". have used command plot frequency equations warning , plot display empty , not change axis range well. can please help. appreciated. here's code i'm using. % transfer matrix case-i, thin rotor clear all; clc; ei = 1626; l = 0.15; m = 0.44108; = 2.178*10^-4; i_p = 2.205*10^-5; itr = 0.24; i_pr = 0.479; syms p n; f = [1 l*1i l^2/(2*ei)*1i l^3/(6*ei); 0 1 l/ei -l^2/(2*ei)*1i; 0 0 1 -l*1i; 0 0 0 l]; p = [ 1 0 0 0; 0 1 0 0; 0 -it*p^2+i_p*n*p 1 0; -m*p^2 0 0 1]; p_r = [1 0 0 0; 0 1 0 0; 0 -itr*p^2+i_pr*n*p 1 0; -m*p^2 0 0 1]; = f*p*f*p*f*p*f; b = p_r*f*p*f*p*f; r = a(1,2)/a(1,4); a12_p = 0; a22_p = a(2,2)-r*a(2,4); a32_p = a(3,2)-r*a(3,4); a42_p = a(4,2)-r*a(4,4); ap(2,2) = a22_p; ap(3,2) = a32_p; ap(4,2) = a42_p; ap(4,4) = 1; c = b*ap; m = [c(3,2) c(3,4); c(4,2) c(4,...
Read more

delphi - Indy UDP Read Contents of Adata -

-
i using indy udp server read string of data. however, not know how work adata parameter. can around converting binary using bytetobin function below , convert hex using bintohex1 . feel stupid , works slow. know how can directly results without 2 conversions? thanks!! here codes: procedure tform1.idudpserver1udpread(athread: tidudplistenerthread; const adata: tidbytes; abinding: tidsockethandle); var buf: tidbytes; buffer: string; data_received: string; begin if bytestostring(adata) <> 'hello' begin buffer := hextostring('00'); setlength(buf, length(buffer)); copytidstring(buffer, buf, 0); abinding.sendto(abinding.peerip, abinding.peerport, buf); data_received := bintohex1(bytetobin(adata[1]) + bytetobin(adata[2]) + bytetobin(adata[3]) + bytetobin(adata[4]) + bytetobin(adata[5]) + bytetobin(adata[6]) + bytetobin(adata[7]) + bytetobin(adata[8]) + bytetobin(adata[9]) + bytetobin(adata[10]) + bytetobin(adata[11...
Read more

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -

-
any ideas when firefox implement lengthadjust andtextlength?..... working svg application. lengthadjust , textlength working fine in chrome not working in fire fox . <svg viewbox = "0 0 500 300" version = "1.1"> <defs> <path id="s3" d="m 10,90 q 100,15 200,70" /> </defs> <g> <text font-size = "20"> <textpath xlink:href="#s3" textlength="205"> short text</textpath> </text> <use xlink:href="#s3" fill="none" stroke="black" stroke-width="1"/> </g> </svg> this implemented in firefox text elements (not textpath or tspan) in case that's ok though can move attribute text element. <svg viewbox = "0 0 500 300" version = "1.1"> <defs> ...
Read more