在图上叠加滑块的高架堆叠条形图
在图上叠加滑块的高架堆叠条形图
提问于 2020-03-06 13:51:03
我正在尝试实现一个条形图，滑块覆盖在图上，类似于下面的图像在图表上覆盖滑块的条形图。
我可以利用现有的高库存api选项来实现这种行为吗？
注意:我尝试了导航选项和高库存可用。但是Navigator选项有助于在图表下面显示一个滑块。我希望西尔德能在图表上被覆盖。
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-03-07 00:01:37
您可以隐藏主图表，只需显示导航器：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,Stack Overflow用户
发布于 2020-03-07 15:22:26
- 从API选项中，您可以通过操作导航器选项来实现它，例如：height、 etc 等。然而，在我看来，这个解决方案会干扰图表的工作和可读性。
演示：https://jsfiddle.net/BlackLabel/nqeuhdgk/
"navigator": {
maskInside: false,
yAxis: {
lineWidth: 1,
minorTicks: true,
labels: {
enabled: true
}
},
height: 260,
margin: 150,
"enabled": true,
"series": {
"stacking": 'normal',
"type": 'column',
dataGrouping: {
enabled: false
}
},
},注意，与演示相比，并不是每一列都显示出来，而且yAxis的可读性也不同。
- 我对核心代码做了一些修改，这是我的输出，我认为这是一个更好的解决方案。
演示：https://jsfiddle.net/BlackLabel/07mdwou6/
试一试，让我知道你怎么想。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60565469
复制相关文章
相似问题
腾讯云开发者
