Ich habe zwei oder mehr Flottendiagramme auf derselben Seite und benutze das flot.navigate-Plugin zum Ziehen und Zoomen. Ich kann einzelne Diagramme unabhängig von anderen Diagrammen zoomen und ziehen, möchte jedoch, dass andere Diagramme zusammen mit dem Diagramm, auf das die Navigationsaktion angewendet wird, verschoben oder gezoomt werden. Auf einigen Seiten befinden sich möglicherweise nur zwei Diagramme, auf anderen fünf oder sechs auf derselben Seite

Meine Geige hat zwei Diagramme angezeigt und man kann zoomen (mit der Maus scrollen) oder nur ein Diagramm ziehen. Irgendwelche Ideen oder Hilfe dabei wird sehr geschätzt. Vielen Dank.

http://jsfiddle.net/mashinista/cPNNJ/

<div id="placeholder1" style="width: 600px; height: 300px; padding: 0px; position: relative; cursor: auto;"></div>

$(function () {

var d1 = [];
for (var i = 0; i < Math.PI * 2; i += 0.25)
    d1.push([i, Math.sin(i)]);
var data = [ d1 ];

var d2 = [];
for (var i = 0; i < Math.PI * 2; i += 0.25)
    d2.push([i, Math.cos(i)]);
var data2 = [ d2 ];



var options = {
    series: { lines: { show: true }, shadowSize: 0 },
    xaxis: { zoomRange: [0.1, 10], panRange: [-10, 10] },
    yaxis: { zoomRange: [0.1, 10], panRange: [-10, 10] },
    zoom: {
        interactive: true
    },
    pan: {
        interactive: true
    }
};


var plot = $.plot(placeholder, data, options);
var plot = $.plot(placeholder1, data2, options);


});