angular.js指令中的flot图表具有零维度

Question

我已经按照示例代码嵌入了angular.js指令中的flot图表:https://gist.github.com/jrmoran/3966529

问题是外部chart元件的宽度和高度为零.这是我的测试代码:http://jsfiddle.net/pVEDL/.因此,我遇到布局问题.

另外,除非我在调用容器元素之前隐藏容器元素,否则$.plotflot会抛出一个异常,表示该图表的维度为零.为什么我必须隐藏容器元素？

Answer 1

我最终得到了

template: '<div></div>',
replace: true,

在我的指令定义中,这有帮助.