3

我一直在尝试在我的网站中使用 dygraph ( http://dygraphs.com/ ) 进行可视化，它适用于所有功能。我正在尝试构建的网站是一个动态的网站，起初我尝试将其打印到可见div元素上，这很好。然后我尝试引入一个div可以在单击时展开和折叠的元素。所以如果我尝试打印div折叠的图表，它将不起作用，只有当它展开时，图表才会被打印出来。我正在添加一个 jsfiddle 链接来显示我的问题。

http://jsfiddle.net/dTUQC/2/

这个问题可能是什么原因？？？

  $("#chartdiv").css({"height":"160px"});
g = new Dygraph(document.getElementById("chartdiv"), input, {
    width : 500,
    includeZero : true,
    animatedZooms : true,
    drawXGrid : false,
    plotter : barChartPlotter
});
}
4

1 回答 1

3

其背后的原因是，由于您使用的是slideToggle()函数，因此 display 属性会根据需要保存和恢复。的样式div chartdiv是display : none关闭时...无法在该 dom 元素中呈现条形图。并且当它打开时，样式会更改为，display:block所以这次图表找到了div chartdiv.

这是小提琴..

http://jsfiddle.net/dTUQC/3/

检查控制台..我在哪里显示了样式...如果我将其更改div chartdiv为display:block..即使 div 处于关闭状态，也会呈现图形..

更新

或使用.show()..

http://jsfiddle.net/dTUQC/9/ 一键

于 2012-12-18T11:24:12.093 回答