动态 FLOT 图例表

Posted 2023-02-16

【中文标题】动态 FLOT 图例表

【英文标题】：Dynamic FLOT legend table

【发布时间】：2015-04-04 11:07:54

【问题描述】：

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

【问题讨论】：

请提供您已有的代码。

关于图例的代码是：chartSettings.options = legend: show: true, noColumns: 3 我可以更新“noColumns”，但不会重新创建图例。如果我尝试 plot.redraw() 它不会更新图例表。

【参考方案1】：

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

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

例如here。

【讨论】：

plot.draw()和plot.redraw()一样吗？

@Raidri, according to the api 没有redraw 方法。