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

Question

在此example中，您发现我正在尝试绘制的圆圈没有正确显示，因此无法在highstock的导航器下绘制任何内容。

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

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

Answer 1

如果我现在理解你的问题，那就是你想在导航器位置下面添加一些绘制的元素（不在后面）。要做到这一点，您需要使用图表的大小（您在其div中处理它），然后添加以下内容：

chart: {
    renderTo: 'container',
    spacingBottom: 150
},

使用spacingBottom（以及其他spacing*）选项可以设置非图表图表区域空间的格式。

我对你的jsFiddle进行了一些修改，以演示一种方法来实现这个here。