我想使用自定义按钮以编程方式触发导出,而不是使用HighCharts exporting.js
提供的默认上下文按钮。
在纯jQuery中,它看起来像这样:
$('#button').click(function () {
var chart = $('#container').highcharts();
chart.exportChart();
});
到目前为止,我已经获得了图表的DOM节点,但我实际上无法在其上调用exportChart
。在React中,我的HighCharts图(我正在使用https://github.com/kirjs/react-highcharts)被定义为:
var HighCharts = require('react-highcharts');
<HighCharts config={config} ref="chart"></HighCharts>
我的按钮指向此功能,我可以在其中获取HighCharts html元素,但我无法触发exportChart
:
download_graph: function(){
var node = this.refs.chart.getDOMNode();
//What to do from here?
}
上述函数中node
的值为:
<div class="chart" data-reactid=".0.1.1.0.3" data-highcharts-chart="18">…</div>
有人可以帮帮我吗?谢谢!