折线图：RangeSlider的背景

Question

中显示的一样的范围滑块

基本上这个想法是开发一个图表并添加一个范围滑块。知道如何将图表设置为范围滑块的背景吗？

谢谢，

Answer 1

背景已经是范围滑块中的相同图表。

您无法按逻辑将范围滑块移动到主要区域 - 您会将滑块拖到哪里？

但是，如果您只是想 select 移动 window（比如说作为过滤器），您可以通过调整 chartScrollbar 的大小来填充图表的高度（留下一点，这样它就不会被剪掉）

"scrollbarHeight": 490

并使用 CSS 隐藏实际图表的组件（点、线、轴、工具提示），以免它们干扰。

#chartdiv svg > g:nth-child(<<index of layer to hide>>) {
  display: none;
}

如果您想要坐标轴，请用坐标轴识别图表层并将其转换设置为平移(0, 0)，以便它与滚动条图表重叠。

Line Chart: background of RangeSlider