highcharts-jsdom.js

// This gist is deprecated, doesn't work with newer versions of JSDom. 
// Instead, use https://www.npmjs.com/package/highcharts-jsdom

Does not seem to work with highcharts 5.0, thus usenpm install highcharts@4.2.6.

@silvangithub I added the following line in order to add highcharts-more:
var Highcharts_data = require('highcharts/modules/data')(Highcharts);

It has been working very well for ages but now it seams HIghcharts 5 has broken it; did someone find a solution?

it seams "ownerSVGElement" is missing

for me adding the ownerSVGElement property made the trick for highcharts 5.0.0:

unction findAncestor(el, nodeName) {
  while ((el = el.parentElement) && el.nodeName !== nodeName);
  return el;
}

document.createElementNS = function (ns, tagName) {

  ...

  Object.defineProperty(elem, 'ownerSVGElement', {
    get() { return findAncestor(elem, 'SVG'); },
    enumerable: true,
    configurable: true
  });

  ...

Is it also applicable for stock chart?? I am trying to create stock chart using jsdom but not able to get clear image.

Hi, I have now deprecated this gist (didn't work with latest jsdom) and created an npm package instead. See https://www.npmjs.com/package/highcharts-jsdom.

I was able to create a stock chart using the following config:

hc({
	infile: 'examples/column.json',
	outfile: 'chart.svg',

	// Constructor, defaults to 'chart'
	constr: 'stockChart',

	// Module files etc
	extensions: [
		'modules/stock'
	]
}).then((result) => {
	console.log(result);
});