有什么方法可以增加 dygraph 中图形和范围选择器之间的差距？

Question

是否有任何方法可以增加 dygraph 中图表和范围选择器之间的差距？ x 轴标签被范围选择器删除。

Answer 1

您需要像下面那样增加 top 值

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

根据需要更改 top 值

观看现场演示 http://jsfiddle.net/eM2Mg/10252/

希望对您有所帮助

更新

您可以通过为 ex:

分配父级 class 来限制您的代码

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

所以你的css不会影响到其他人css

Answer 2

您可以通过设置 xAxisHeight option:

而无需 CSS 破解

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

参见full example。

有什么方法可以增加 dygraph 中图形和范围选择器之间的差距？

Is there any way to increase gap between graph and range selector in dygraph?

javascript

jquery

css

angularjs

dygraphs