动态 FLOT 图例 table

Question

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

Answer 1

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

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

例子here.

动态 FLOT 图例 table

Dynamic FLOT legend table

javascript

jquery

css

flot

legend