Question

我在React视图上使用Highcharts。出于可访问性和SEO的原因，我想自定义 desc标签，但在文档中找不到具体的方法。 Highcharts会自动插入desc标签，如下所示：

<desc>Created with Highcharts 6.2.0</desc>

有什么办法可以更改此代码，或者此代码是否经过硬编码？

Answer 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

Answer 2

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

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

自定义Highcharts desc标签

2 个答案: