Highcharts列范围

Question

我想在Highcharts列表范围图表中启用矩形选择，如下所示：

为此，我想获得所选区域的坐标以及与每个列范围对应的重叠的精确坐标。然后我只是检查选择是否与某个列范围重叠并将其标记为已选中。

我知道如何获取选择区域的坐标以及如何获得每个列范围的低值和高值。要确定选择哪些列范围，我还需要找到每个列范围的x坐标，我不知道该怎么做。如果我查看列范围的x属性，我只看到组的索引（例如0或1），它只告诉我在哪个组（例如Jan，Feb，...）当前列范围所在

如何获取columranges的矩形的精确x坐标（最后一列为2.75到2.95），以便找出所选区域下的哪些？

这是小提琴：https://jsfiddle.net/nikicc/0mhhma2d/

Answer 1

列的形状存储在$ins = $this->CI->load->library('thirdparty/cm_system/'.$type.'/'.$type);中，但这些值以像素为单位 - 因此您需要将它们转换为轴值或将选择事件coords转换为像素。然后你可以检查列是否在选择矩形中。

point.shapeArgs

示例：https://jsfiddle.net/f400L2p2/