在绘图带后面允许鼠标事件

时间:2016-11-14 17:59:18

标签: javascript highcharts

我需要在列/面积图的底部显示一个绘图带。 我通过使用透明渐变着色来实现这一点,允许查看图表内容:

#ifdef _DEBUG
//# define Py_DEBUG
#endif

结果必须显示如下:http://jsfiddle.net/f98a2vo9/。您可以看到,plotband必须位于图表内容的前面。

但是,我还需要允许显示工具提示......而且我还没有看到如何使用此绘图带解决方案来实现这一点。

也许有一个事件传播显示系列,或类似的东西?

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

您可以尝试使用其他系列。您将此设置为所需的高度/跨度,但不在图例中显示。您也可以从工具提示中删除(我留给您):

series: [{
  data: [29.9, 71.5, 106.4, 129.2, 100.0, 100.0, 100, 100.5, 100.4, 194.1, 95.6, 54.4]
}, {
  type: 'area',
  marker: {
    enabled: false
  },
  point: {
    events: {
      mouseOver: function() {
        return false;
      }
    }
  },
  events: {
    mouseOver: function() {
      return false;
    },
    mouseOut: function() {
      return false;
    }
  },
  color: '#ff0000',
  showInLegend: false,
  data: [{
    x: 2.5,
    y: 25
  }, {
    x: 4.5,
    y: 25
  }]
}]

示例fiddle