单击条形图/列上的Highcharts没有向下钻取

时间:2016-02-28 15:36:42

标签: javascript highcharts drilldown

我有以下用例:在页面上有一个Highcharts列,其中包含明细as in this example。 单击条形下方的标签时,我想向下钻取,默认情况下。但是,当单击条/列本身时,我不想向下钻取,而是获取有关所单击条的信息(例如,类别的名称)。这怎么可能?

到目前为止,我尝试过使用jQuery评估click事件,然后使用“return false;”停止向下钻取。问题是我没有办法检索列数据,因为JavaScript对象本身不可访问。 我当时做的是使用“钻取”事件。我现在可以轻松访问对象数据/属性,但有两个困难:

  1. 如何识别条形图或条形图下方的标签是否被点击?
  2. 如果点击了一个栏,我该如何防止向下钻取?
  3. 提前感谢您提示和提示!

    安迪

1 个答案:

答案 0 :(得分:0)

你可以用doDrilldown方法包装,然后决定应该发生什么,什么时候,片段:

(function (H) {
  H.wrap(H.Point.prototype, 'doDrilldown', function (p, hold, x) {
    var UNDEFINED;
    if (x !== UNDEFINED) {
        p.call(this, hold, x); // x is defined when clicked on a category
    } else {
        myFun(this); // call your method after click on a bar
    }
  });
})(Highcharts)

现场演示:http://jsfiddle.net/L51c8fa4/