DYGraphs：1つのRangeSelectorで複数のグラフを制御する

Question

1つのページに2つのグラフがあり、同じRangeSelectorでズームとパンをコントロールできます。つまり、RangeSelectorを動かすと、両方のグラフが同時に反応するはずです。

私の最初のグラフの値は2と20の間に小さな数字であり、私の2番目のグラフ中の数字は大きな値を持っている> 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

EDIT 1：そこMultiple graphs in sync exampleをズームやパン同期するソリューションは、ですが、これは、範囲がなんとかであれば、私はまだ疑問に思いますセレクタ

Answer 1

私はDygraphを数ヶ月間使用していましたが、これと同じ質問がありました。答えはそれが可能であるということです。

複数のグラフのズームを同期させると、範囲セレクタも同期されます。私がしたかったのは、範囲セレクタなしですべてのグラフを表示し、同時にすべてのグラフを制御するために一番下の範囲セレクタのみを持つことでした。私の解決策は、残りの部分と同期した空のダイグラフをさらに作成し、このグラフに範囲セレクタを追加することでした。私の結果は添付された画像に示されています。