Javascript 有没有办法增加动态图中图形和范围选择器之间的间距？

---

是否有任何方法可以增加动态图中图形和范围选择器之间的间隙？x轴标签由范围选择器划掉。

您需要增加

top

值，如下所示

canvas.dygraph-rangesel-bgcanvas, canvas.dygraph-rangesel-fgcanvas {
    top: 250px!important;
}
img.dygraph-rangesel-zoomhandle {
    top: 257px!important;
}

根据需要更改

top

值

观看现场演示

希望能有帮助

更新

您可以通过为ex指定父类来限制代码：

.mygraph canvas.dygraph-rangesel-bgcanvas, .mygraph canvas.dygraph-rangesel-fgcanvas {
    top: 250px!important;
}
.mygraph  img.dygraph-rangesel-zoomhandle {
    top: 257px!important;
}

---

因此，您的css不会影响其他css

您可以通过设置以下选项来实现这一点，而无需对css进行黑客攻击：

---

请参阅。

您有现场演示吗？很抱歉，这是一个公司项目。我不能那样做。你能参考一下dygraph的官方网站吗？还有一个问题。可以在动态图设置中推送上述代码吗？我的意思是我需要角度代码？因为我只需要在特定部分中进行上述安排。目前它将加载每个图形。我在同一页中尝试了它，但如果一个图形正常，那么另一个图形就会出错

new Dygraph(div, data, {
  showRangeSelector: true,
  xAxisHeight: 50
});