堆叠有滑块的Highstock堆叠条形图

Question

我正在尝试实现一个条形图，其中的滑块与下面的图像Bar chart with slider overlayed on chart相似，重叠在图形上。

是否可以利用现有的highstocks api选项来实现此行为？

注意：我尝试使用导航仪选项，并且库存较高。但是导航器选项有助于在图形下方显示滑块。我想将其覆盖在图表本身上]

Answer 1

您可以隐藏主图表并仅显示导航器：https://jsfiddle.net/bqhz2fwn/

我对您的提琴所做的唯一更改是隐藏xAxis并将yAxis的高度设置为0：

    "xAxis": {
  "categories": [
    1996,
    1997,
    1998,
    1999,
    2000,
    2001,
    2002,
    2003,
    2004,
    2005,
    2006,
    2007,
    2008,
    2009,
    2010,
    2011,
    2012,
    2013,
    2014,
    2015,
    2016
  ],
  lineWidth: 0,
  tickLength: 0,
  labels: {
    enabled: false
  }
},
yAxis: {
  height: 0,
  gridLineWidth: 0,
  labels: {
    enabled: false
  }
},

然后增加导航器的高度以填充空间：

    "navigator": {
  height: 275,