动态FLOT图例表

时间:2015-02-04 19:22:52

标签: javascript jquery css flot legend

我对JS和JQuery知之甚少,所以如果这是一个愚蠢的问题,我很抱歉。我有一个图表仪表板,它们具有不同的宽度,并允许用户更改宽度。图表会自动调整其大小。我想要的是传说出现在该图表下但填充给定的宽度。我的问题是,图例的列数似乎设置了一次,无法更新。因此,如果我的图表覆盖了页面的整个宽度,我希望能够显示更多的列,但如果图表只有少量的宽度空间,我希望它使用更少的列。我可以捕获宽度并找出我想要的列数,但是可以动态地重绘图例吗?谢谢你的帮助!

1 个答案:

答案 0 :(得分:1)

您需要引用从$.plot返回的绘图对象,然后它:

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

示例here