Highcharts 在highstock图表导航器下绘制一些东西

Highcharts 在highstock图表导航器下绘制一些东西,highcharts,highstock,Highcharts,Highstock,在这里,你可以看到我试图画的圆圈没有正确显示,在highstock导航器下不可能画任何东西 我应该怎么做才能在导航器下画画 renderer.circle(100, 180, 50).attr({ fill: 'red', stroke: 'black', 'stroke-width': 1, zIndex: 3 }).add(); 如果我现在理解了您的问题,那就是您希望在导航器位置下方(而不是后面)添加一些绘制的元素。要做到这一点,您需要使用图表的大小(您在d

在这里,你可以看到我试图画的圆圈没有正确显示,在highstock导航器下不可能画任何东西

我应该怎么做才能在导航器下画画

renderer.circle(100, 180, 50).attr({
    fill: 'red',
    stroke: 'black',
    'stroke-width': 1,
    zIndex: 3
}).add();

如果我现在理解了您的问题,那就是您希望在导航器位置下方(而不是后面)添加一些绘制的元素。要做到这一点,您需要使用图表的大小(您在
div
中处理它的样子),然后添加以下内容:

chart: {
    renderTo: 'container',
    spacingBottom: 150
},
(以及其他
间距*
)选项可用于格式化非图表区域空间


我对您的JSFIDLE做了一些更改,以演示实现这一点的一种方法。

很有趣。当我将
zIndex
设置为0时,它位于navigator系列的下方,但不在navigator滚动面板或边框元素的下方。很好的补充,但我不想在navigator上绘制,我只想让圆圈或我在那里绘制的任何东西完全显示出来。也许我的问题不够清楚。