高图表没有对条形图/列单击进行深入分析

Highcharts no drilldown on bar / column click

本文关键字：单击 深入分析 条形图 高图表      更新时间：2023-09-26

我有以下用例：在页面上有一个带有向下钻取的Highcharts列，如本例所示。单击条形下方的标签时，我想默认向下钻取。但是，当单击条形图/列本身时，我不想向下钻取，而是获取有关单击的栏的信息（例如类别的名称）。这怎么可能？

到目前为止，我尝试的是使用 jQuery 评估点击事件，然后通过使用"return false;"停止向下钻取。这样做的问题是我没有看到任何方法可以检索列数据，因为 JavaScript 对象本身无法访问。然后我所做的是使用"向下钻取"事件。我现在可以轻松访问对象数据/属性，但有两个困难：

  1. 如何识别是否点击了栏或栏下方的标签？
  2. 如何防止在单击栏时进行深入分析？

提前感谢您的提示和提示！

安 迪

你可以包装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/

相关文章：