flot - 如何使浮点响应？

Question

在以下 fiddle 中:

http://jsfiddle.net/jamitzky/9x7aJ/

如果窗口宽度发生变化，如何使图形的宽度发生变化？

代码:

$(function () {
var d1 = [];
for (var i = 0; i < 14; i += 0.5)
    d1.push([i, Math.sin(i)]);

var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];

// a null signifies separate line segments
var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];

$.plot($("#placeholder"), [ d1, d2, d3 ]);
});

Answer 1

尝试这样的事情:

Flot 将自动绘制到它所在的容器。所以如果你的 div 是响应式的，Flot 将是响应式的。

http://jsfiddle.net/9x7aJ/2029/

那么你所要做的就是在你的窗口调整大小时重新绘制浮点:

您可以通过以下方式观察窗口是否调整大小:

    window.onresize = function(event) {
    ...
}

(见: JavaScript window resize event)