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

时间:2015-07-28 03:15:44

标签: javascript jquery highcharts reactjs

我想使用自定义按钮以编程方式触发导出,而不是使用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>​

有人可以帮帮我吗?谢谢!

0 个答案:

没有答案