我动态地创建了我的图表传奇。
我希望我的图表能够垂直展开以适应父图,我在图表选项中使用maintainAspectRatio: false属性来实现这一点。
我也希望我的图例和图表适合在父容器中。问题是,chartjs没有看到动态生成的图例,而是给图表提供了一个height of 480px。这意味着图例被推到父容器之外而不是安装在其父容器中。
下面是一个提示问题的小提琴手:
我如何动态地生成一个图例,但也告诉chartjs要考虑它的高度,这样它就不会将图例推到容器之外?
Javascript:
var data = {
labels: ["January",
所以,我一直在尝试创建大量的div(我们可以称它们为条形图),并让它们旋转和定位,以便在中间创建一个圆。我很难解释,所以这里有一个例子,所有的酒吧都有相同的宽度和高度。
这里一切都很好。然而,当我改变杆的高度时,问题就出现了。
我认为我的麻烦产生于我的定位和旋转功能是混乱的,或本质上的绝对定位。下面是第二个JSFiddle的js示例。
var $bars = [];
var viz = document.getElementById('viz');
function create(num) {
for(var i = 0; i < num; i++) {