У меня есть две или более флот-диаграммы, отображаемые на одной странице, и я использую плагин flot.navigate для перетаскивания и масштабирования. Я могу масштабировать и перетаскивать отдельные диаграммы независимо от других диаграмм, но я хотел бы, чтобы другие диаграммы перемещались или масштабировались вместе с диаграммой, к которой применяется действие навигации. На некоторых страницах может быть только две диаграммы, где на одной странице может быть пять или шесть

На моей скрипке отображаются две диаграммы, и одну можно увеличить (прокрутить мышью) или перетащить только одну диаграмму. Любые идеи или помощь в этом действительно приветствуются. Благодарю.

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);


});