自定义 Highcharts desc 标签

【问题标题】：Customize Highcharts desc tag自定义 Highcharts desc 标签
【发布时间】：2019-05-18 03:24:51
【问题描述】：

我在 React 视图上使用 Highcharts。出于可访问性和 SEO 的原因，我想 自定义 desc 标记，但我不知道如何查看文档。 Highcharts 会自动插入一个desc 标签，如下所示：

<desc>Created with Highcharts 6.2.0</desc>

有什么办法可以改变这个还是硬编码的？

【问题讨论】：

你说得对，它是硬编码的。

标签： reactjs highcharts chartkick

【解决方案1】：

你可以使用这个解决方案：

(1)从https://github.com/highcharts/highcharts创建一个fork

(2)更改硬编码的内容

<desc>Created with Highcharts 6.2.0</desc>

到

<desc>foo bar baa</desc>

(3)直接从GitHub安装npm包

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

喜欢这个https://stackoverflow.com/a/13302095/3728901

【讨论】：

【解决方案2】：

你可以通过包装H.SVGRenderer.init方法来修改<desc>标签：

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

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

});

现场演示：http://jsfiddle.net/BlackLabel/42rqezns/

文档：https://www.highcharts.com/docs/extending-highcharts/extending-highcharts

【讨论】：