DYGraphs：用一個RangeSelector控制多個圖形

Question

我在一個頁面上有兩個圖表，我想用同一個RangeSelector控制哪一個縮放和平移。換句話說，當我移動RangeSelector時，兩個圖都應該同時作出反應。

在我的第一張圖中的值是2和20之間的小數字，而在我的第二個圖形中的數字有很大的價值> 3000這是我不希望把兩行的原因同一個圖。兩個圖具有相同的日期，時間

g1 = new Dygraph(document.getElementById("graph1"), 
      // For possible data formats, see http://dygraphs.com/data.html 
      // The x-values could also be dates, e.g. "2012/03/15" 
      "X,Y\n" + 
      "1,4\n" + 
      "2,2\n" + 
      "3,4\n" + 
      "4,6\n" + 
      "5,8\n" + 
      "6,3\n" + 
      "7,12\n" + 
      "8,14\n", 
      { 
       showRangeSelector: true 
      }); 
g2 = new Dygraph(document.getElementById("graph2"), 
      // For possible data formats, see http://dygraphs.com/data.html 
      // The x-values could also be dates, e.g. "2012/03/15" 
      "X,Y\n" + 
      "1,4356\n" + 
      "2,4789\n" + 
      "3,4812\n" + 
      "4,5012\n" + 
      "5,4675\n" + 
      "6,4357\n" + 
      "7,4467\n" + 
      "8,5134\n", 
      { 
        // options 
      }); 

這是我jsfiddle

編輯1：有一個解決方案，即同步縮放和平移Multiple graphs in sync example，但我仍然不知道這是否是可行的與範圍選擇器

Answer 1

我一直在使用Dygraph幾個月，而且我也有同樣的問題。答案是這是可能的。

一旦同步多個dygraph的縮放，範圍選擇器也會同步。我想要做的是顯示沒有範圍選擇器的所有圖形，並且只有一個範圍選擇器在底部同時控制所有圖形。我的解決方案是創建一個額外的空dygraph，並與其餘的同步，並在此圖中添加範圍選擇器。我的結果顯示在附圖中。