javascript - nvd3horizo​​ntalBar动态高度

标签 javascript jquery angularjs nvd3.js angular-nvd3

我正在使用 Angular-nvd3 水平条形图。我需要动态调整图表的大小,以便条形图始终具有相同的大小。

当前的功能是,单击一个条形图中的一个条形即可创建另一个条形图。传递到第二个条形图的数据是动态的,因此不能使用 height 属性将高度设置为常量。如果我将高度指定为常量值,并且传递的数据很大,则条形会变得非常细以容纳所有值。

您能否建议一种可以动态设置高度以使条形高度相等的方法。 enter image description here

这就是我希望实现的目标。

最佳答案

您可以尝试使用$watch。我猜第二个条形图中的数据存储在列表或其他东西中。通过观察列表长度,您可以(也许)设置条形图的新高度。这就是你想要的,对吧?我并不是说这是最好的方法,但此时此刻,这是我认为你可以尝试的方法。虽然不是那么容易,但却是一种动态地实现这一目标的稳定方法。

关于javascript - nvd3horizo​​ntalBar动态高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36084045/

相关文章:

javascript - CKEDITOR.replace() 隐藏了我想要转换的文本区域

Jquery动态按钮: how to bind to exisitng click event by class

javascript - 将数组存储到 Cookie Jquery

angularjs - AngularJS 上的条件渲染

javascript - ng-grid:如何使用范围函数在表中插入数据?

javascript - 当 promise 解析时,AngularJS 不显示数据

javascript - 有没有可以处理非常大的数字的 JavaScript 解释器?

javascript - 如何从nodejs服务器发送查询到开放数据服务器?

javascript - React.JS : Sequence of timed state changes

javascript - 未捕获( promise 中)TypeError : this. state.[prop].map 不是函数