允许鼠标事件在情节带后面

我需要在列/区域图的底部显示情节带。我实现，通过用透明的梯度着色它，从而允许看到图表内容：允许鼠标事件在情节带后面

color: { 
linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 }, 
stops: [ 
[0, 'rgba(255,255,255,0)'], 
[0.94, 'rgba(255,255,255,0)'], 
[0.95, '#ff0000'], 
[1, '#ff0000'] 
]}

结果必须显示这样的：http://jsfiddle.net/f98a2vo9/。您可以看到，情节带必须位于图表内容的前端。

但是，我还需要允许显示工具提示......并且我完全没有看到如何使用这个打点带解决方案来实现此目的。

也许事件传播显示系列，或类似的东西？

非常感谢您的帮助。

来源

2016-11-14 lithos35

为什么它必须在图表点之前？情节带应该显示某些事件背景下的数据点。在点上方显示绘图区更像是在数据点集的上下文中显示事件。有趣的是，使用不同的系列类型代替plotBand可能会更好。 – wergeld

您可以尝试使用不同的系列。您将此设置为您想要的高度/跨度，但不会显示在图例中。您也可以从提示中删除（我留给你）：

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。

来源

2016-11-14 18:19:25 wergeld

允许鼠标事件在情节带后面

回答

相关问题