折线图：RangeSlider 的背景答案

【问题标题】：Line Chart: background of RangeSlider折线图：RangeSlider 的背景
【发布时间】：2015-07-23 18:54:47
【问题描述】：

基本上这个想法是开发一个图表并添加一个范围滑块。有什么想法可以将图表设置为范围滑块的背景？

谢谢，

【问题讨论】：

【解决方案1】：

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

您不能在逻辑上将范围滑块移动到主要区域 - 您会将滑块拖动到哪里？

但是，如果您只是想选择一个移动窗口（例如作为过滤器），您可以通过调整 chartScrollbar 的大小以填充图表的高度来实现（留一点，以免它被剪掉)

"scrollbarHeight": 490

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

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

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

【讨论】：

jsfiddle.net/aqdasiftekhar/L41p61w9/8 请看看这个。我需要从数据中获取选定的值
它在brushed() 中可用 - console.log(brush.empty() ? x2.domain() : brush.extent());
哇，非常感谢兄弟的帮助。我希望我能再给你一票:-)
基于链接jsfiddle.net/aqdasiftekhar/L41p61w9/8，如果数据非常少，是否可能只显示日期/周/月和年而不显示时间。即只有 2 个日期？