动态 FLOT 图例表

Question

我对 JS 和 JQuery 的了解有些有限，所以如果这是一个愚蠢的问题，我很抱歉。我有一个图表仪表板，它具有不同的宽度，还允许用户更改宽度。图表会自动调整其大小。我想要的是图例出现在该图表下，但填充给定的宽度。我的问题是图例的列数似乎设置了一次并且无法更新。因此，如果我的图表覆盖了页面的整个宽度，我希望能够显示更多的列，但如果图表只有少量的宽度空间，我希望它使用更少的列。我可以捕获宽度并计算出我想要的列数，但是否可以动态重绘图例？感谢您的帮助！

Answer 1

你需要一个从$.plot返回的绘图对象的引用，那么它是：

plot.getOptions().legend.noColumns = 3;
plot.setupGrid();
plot.draw();

例如here。