Javascript 折线图:范围滑块的背景

Javascript 折线图:范围滑块的背景,javascript,d3.js,charts,kendo-dataviz,chart.js,Javascript,D3.js,Charts,Kendo Dataviz,Chart.js,我想开发一个范围滑块,如图所示 基本上,这个想法是开发一个图表并添加一个范围滑块。你知道如何将图表设置为范围滑块的背景吗 谢谢,背景已经是Range Slider中的同一个图表 从逻辑上讲,您无法将范围滑块移动到主区域-您会将滑块拖动到哪里 但是,如果您只是想选择一个移动窗口,比如说作为一个过滤器,您可以通过调整图表滚动条的大小来填充图表的高度,留下一点,这样就不会被剪掉 "scrollbarHeight": 490 以及使用CSS隐藏实际图表的组件点、线、轴和工具提示,以便它们不会相互干扰

我想开发一个范围滑块,如图所示

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


谢谢,

背景已经是Range Slider中的同一个图表

从逻辑上讲,您无法将范围滑块移动到主区域-您会将滑块拖动到哪里

但是,如果您只是想选择一个移动窗口,比如说作为一个过滤器,您可以通过调整图表滚动条的大小来填充图表的高度,留下一点,这样就不会被剪掉

"scrollbarHeight": 490
以及使用CSS隐藏实际图表的组件点、线、轴和工具提示,以便它们不会相互干扰

#chartdiv svg > g:nth-child(<<index of layer to hide>>) {
  display: none;
}
如果需要轴,请用轴标识图表层,并将其变换设置为translate0,0,以便它与滚动条图表重叠

代码笔-


你的意思是:?是的,请。我使用的是剑道ui,对任何其他javascript库都没有问题。但是使用json而不是csv数据,我不会,我怀疑其他人是否会为你做这项工作。试一下,然后带着具体的问题回来…兄弟,我自己去:-S,我有下面提到的复制粘贴代码,它工作正常。问题是,它没有范围滑块,但当我单击并移动鼠标时,它会显示选中的区域。请看看这个。我需要从数据中获取所选值它在brushed-console.logbrush.empty中可用?x2.domain:刷子范围;哇,非常感谢你帮我,兄弟。我希望我能再给你一次投票:-基于链接,如果数据非常小,它是否可能只显示日期/周/月和年,而不显示时间。i、 只有两次约会?