将折线图隐藏在Highstocks滚动条内

Question

我有一个要求，我需要在我的angular 6应用中将图表隐藏在HighStock滚动栏中。

我已经浏览过文档here，但是没有一个选项适合我的特定情况。

任何帮助将不胜感激。谢谢。

Answer 1

如果只想隐藏线图，则只需在CSS中完成即可：

.highcharts-navigator-series {
  display: none;
}

jsFiddle

如果要隐藏整个导航器，可以将 navigator.enabled 属性设置为false：

navigator: {
  enabled: false
},

jsFiddle

navigator.enabled

Answer 2

这是navigator系列。您可以通过以下方式禁用它：

navigator: {
    enabled: false
},

Answer 3

我需要将折线图隐藏在导航器中，而不是完整的导航功能。因此，navigator{enabled:false}不是我想要的。 以下解决方法为我完成了工作：

navigator: {
   series:{
      lineWidth:0,
      fillOpacity:0
   }
}