Highcharts Flag Series 需要沿着图表顶部覆盖绘图边框

Question

我希望有一个标志系列位于图表中所有绘图线的顶部，它将覆盖图表的顶部边缘。我已经进入 Chrome DevTools 并手动更改了 highcharts 组件中的几乎每个组件以在其上设置

overflow: visible

，但我仍然无法完成此操作。我尝试过几个不同图表选项对象中的溢出选项，以及弄乱不同的 z-index 设置。这样做的最终目标是向我们的最终用户展示绘图线和我们在通知表中显示的数据之间的易于查看的联系，并通过使用相同的方法将工具提示从绘图线本身移动到标志系列工具提示我们在表格中设置了不同线条的 SVG 图标（在本例中为红色和橙色）。 这是我的图表简单版本的演示：https://jsfiddle.net/jacobburgo/3sve7x8d/1/

Highcharts.stockChart('container', {
    /** options */

    series: [

    /** 3 other series */

      {
        type: "flags",
        name: "Notifications",
        data: flags,
        color: "#dddf0d",
        linkedTo: ":previous"
      }
    ]

    /** more options */
})

我多次搜索堆栈溢出，似乎对此没有任何疑问。我发现的最好的结果是一个旧的 Github 问题，描述了我想要完成的错误。

Answer 1

您可以禁用标志系列的剪辑：

series: [
  // other series ...
  {
    type: "flags",
    name: "Notifications",
    data: flags,
    color: "#dddf0d",
    linkedTo: ":previous",
    clip: false
  }
]

参见 这个 JSFiddle 演示。