Customize Highcharts desc tag

Question

I'm working with Highcharts on a React view. For accessibility and SEO reasons, I want to customize the desc tag, but I couldn't figure out how to do it looking in the documentation. Highcharts automatically inserts a desc tag like this:

<desc>Created with Highcharts 6.2.0</desc>

Is there any way to change this or is this hard-coded?

You're right it's hard coded. – Core972 Dec 17 '18 at 18:09 — Core972, Dec 17 '18 at 18:09

score 1 · Answer 1 · answered Dec 18 '18 at 00:55

You can use this solution:

(1) Create a fork from https://github.com/highcharts/highcharts

(2) Change the content what hard-coded from

<desc>Created with Highcharts 6.2.0</desc>

to

<desc>foo bar baa</desc>

(3) Install npm package from GitHub directly

npm install https://github.com/<username>/<repository>/tarball/master

like this https://stackoverflow.com/a/13302095/3728901

score 1 · Answer 2 · answered Dec 24 '18 at 12:21

You can modify the <desc> tag by wrapping H.SVGRenderer.init method:

H.wrap(H.SVGRenderer.prototype, 'init', function(proceed) {
    proceed.apply(this, Array.prototype.slice.call(arguments, 1));

    this.box.children[0].innerHTML = 'Custom description';

});

Live demo: http://jsfiddle.net/BlackLabel/42rqezns/

Docs: https://www.highcharts.com/docs/extending-highcharts/extending-highcharts

Customize Highcharts desc tag

2 Answers2