Javascript 在React中以编程方式导出HighCharts图形

我不想使用HighCharts

export.js

提供的默认上下文按钮，而是希望通过自定义按钮以编程方式触发导出

在纯jQuery中，它将如下所示：

$('#button').click(function () {
    var chart = $('#container').highcharts();
    chart.exportChart();
});

到目前为止，我已经得到了图表的DOM节点，但实际上我无法在它上面调用

exportChart

。我在React中使用的HighCharts图形（顺便提一下）定义为：

var HighCharts = require('react-highcharts');
<HighCharts config={config} ref="chart"></HighCharts>

上述函数中

节点

的值为：

<div class=​"chart" data-reactid=​".0.1.1.0.3" data-highcharts-chart=​"18">​…​</div>​

​…​​

---

有人能帮我吗？谢谢

让我知道您使用哪一个模块，或者？我正在使用模块（），正如我在那个示例中看到的：并没有导出模块的引用。请确保该包装的作者是否有任何支持Exporiting的扩展。是的，我可以通过从HighCharts本身（code.HighCharts.com/modules/exporting.js）中包含

export.js

来导出，您是否能够在jsfiddle.net上重新创建完整的示例？让我知道您使用哪个模块，或者？我正在使用模块（）正如我在该示例中看到的：没有导出模块的引用。请确保该包装的作者是否有任何支持Exporiting的扩展。是的，我可以通过从HighCharts本身（code.HighCharts.com/modules/exporting.js）包含

export.js

来导出，您是否能够在jsfiddle.net上重新创建完整的示例？

<div class=​"chart" data-reactid=​".0.1.1.0.3" data-highcharts-chart=​"18">​…​</div>​