动态FLOT图例表

Dynamic FLOT legend table

本文关键字：FLOT 动态      更新时间：2023-09-26

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

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

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

此处为示例。

相关文章：