昨天Plotly发布了新的动画片!!! 因此我非常渴望对此进行测试,并且由于目前缺少文档(我认为暂时不行),我在如何使用它方面遇到了很多困难.我确实看到了GitHub上的代码,但是......没有用.
我在模板中定义了div元素:
<div id="plotDiv"> </div>
我希望情节响应调整大小事件,因此我按照情节网站上的示例:
const d3 = Plotly.d3;
const gd3 = d3.select("#plotDiv")
.style({width: "95%", "margin-left": "2.5%"});
const gd = gd3.node();
然后生成数据(角度魔法和其他东西的位),但最后它看起来像这样:
data = {x: [array_ot_dates], y: [array_of_not_so_random_values], type:'bar'};
根据动画函数的jsdocs,你需要传递一个框架:
let plotlyFrame = {data:data, layout:{}};
试着调用动画!
Plotly.animate(gd, plotlyFrame);
它就在那里Kaboum!
第一个错误是:这个元素不是Plotly图:[object HTMLDivElement] 但是当我尝试这个时:
Plotly.newPlot(gd, data, {});
我有我的情节......
所以我尝试通过调用带有空数据的Plotly.plot然后使用animate函数来"预定义"gd ...
Plotly.plot(gd, [], {});
// make my data not empty
Plotly.animate(gd, plotlyFrame);
然后我收到以下错误:
plotly.js:116922 Uncaught(in promise)TypeError:无法读取未定义的属性'_module'(...)
可能第二个可能来自我使用角度的事实,因此在一个接近的行中一次调用该函数3次.
有什么建议吗？想法？