Question

我正在使用react-highcharts，而我正试图在点击其中一个Y轴类别时找到触发事件的方法。我正在使用xrange graph。我想得到被点击的值的偏移量。例如，如果我有：

CatA

Catb

CatC

如果我点击CatB，我会得到1。

我找到了一个jquery解决方案，它给了我自己的价值。获取所有元素并迭代它们并自己找到偏移量不是问题。 jquery的解决方案：

$("#container .highcharts-yaxis-labels text").click(function() {
            alert($(this).text());
        });

我正在为此寻找反应/反应 - 高级解决方案。

更新

谢谢卡米尔库利格！我在图书馆遇到麻烦了。我将库导入为

import HighchartsCustomEvents from 'highcharts-custom-events';

没有什么是幸福的，我也在componentWillMount函数中添加了这段代码：

template.yAxis.events.click = function () {
            alert(1);
        };

我看到了文档而我没有找到任何偏移函数，这意味着我还是可以使用jquery吗？或者你有什么想法吗？

Answer 1

Highcharts提供自定义事件模块，可以处理您需要的操作。

关于npm的模块参考： documentation

Highcharts网站上的模块参考： https://www.npmjs.com/package/highcharts-custom-events

示例代码：

    yAxis: {
        labels: {
            events: {
                click: function () {
                   // do something
                }
            }
        }
    }

react-highcharts Y轴类别捕获事件点击反应方式

1 个答案: