Comment rendre flot réactif?
Dans la suite de violon:
http://jsfiddle.net/jamitzky/9x7aJ/
Comment puis-je faire le graphique de la modification de la largeur si la largeur de la fenêtre des changements?
code:
$(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 ]);
});
source d'informationauteur SB2055
Vous devez vous connecter pour publier un commentaire.
Essayer quelque chose comme cela:
Flot auto attirer le récipient qu'il est dans le coup. Donc, si votre div est sensible à Flot sera réactif.
http://jsfiddle.net/9x7aJ/2029/
puis tout ce que vous avez à faire est de redessiner le flot si votre fenêtre est redimensionnée:
Vous pouvez regarder pour voir si la fenêtre se redimensionne avec:
(voir: JavaScript événement de redimensionnement de la fenêtre)
Il y a également un officiel flot redimensionner plugin
http://people.iola.dk/olau/flot/examples/resize.html
Il suffit d'inclure jquery.flot.resize.min.js script de https://github.com/flot/flot dans votre page. Il deviendra réactive.
J'ai eu le même problème et la solution était:
Suffit d'utiliser un peu de css. N'importe quel navigateur moderne (inline, feuille de style):