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: есть решение, которое синхронизирует масштабирование и панорамирование нескольких графиков в примере синхронизации, но я все еще задаюсь вопросом, выполнимо ли это с помощью селектора диапазона

Answer 1

Я работал с Dygraph в течение нескольких месяцев, и у меня был тот же вопрос. Ответ в том, что это возможно.

После того, как вы синхронизируете масштабирование нескольких графиков, селектор диапазона также синхронизируется. Я хотел показать все графики без селектора диапазона и иметь только один селектор диапазона внизу для одновременного управления всеми графиками. Моим решением было создать дополнительный пустой граф, также синхронизированный с остальными, и добавить селектор диапазона на этом графике. Мой результат показан на картинке.