7

Я недавно отказался от использования Graphael и расширил пакет Ico. Я думаю, что это по-прежнему отличная библиотека, ей просто нужна хорошая документация и правильный API, прежде чем он может быть широко принят.График Google: перетащите, чтобы настроить значение

Я преобразовал области с графикой, чтобы использовать Карты Google, и, похоже, не может найти способ сделать одну конкретную функцию, я использовал graphael для: поддержки перетаскивания. Один из моих line charts должен быть доступен для редактирования, что означает, что отдельные точки на линии можно перетаскивать вверх и вниз для настройки значения.

Я пытался найти событие или способ прикрепить событие в API без особого успеха. Кто-нибудь мог сделать что-то подобное?

Возможно, это возможно сделать пользовательские диаграммы - можно ли это сделать так?

EDIT: Кажется, что на самом деле это невозможно, или невероятно сложно подключиться к API Google или выпустить SVG. Он находится в iframe и нет исходного кода, что делает его менее привлекательным.

С тех пор я начал экспериментировать с Highcharts. Я смог сделать все, что движок Google делает и может играть с диаграммой после ее визуализации. Поскольку исходный код предоставлен, он упрощает определение некоторых вещей. Он также работает немного быстрее, чем решение Google, поскольку он использует путь при выполнении линейного графика вместо отдельных элементов окружения SVG.

Проблема, с которой я сейчас сталкиваюсь, связана с элементом SVG Path - нет единственной точки, чтобы настроить перетаскивание. Поэтому, чтобы использовать jQuery.draggable, нужно вставить SVG Circle или другой элемент в том же месте, что и привязка фрагмента SVG Path для перетаскивания. Итак, необходимо решить следующее: - как поместить созданный элемент в правильное положение? - как перемещать элемент при масштабировании графика (минимальное или максимальное изменение значения на любой оси)? - как преобразовать новое положение обратно в значение, масштабируемое для данных серии?

У кого-нибудь есть достаточно опыта работы с Highcharts, чтобы поиграть с ними? Я попытаюсь представить пример JSfiddle, когда это возможно.

+0

Я попытался с помощью JQuery и слушать MouseDown/MouseUp на контейнере (дел), проведение диаграммы, но содержит Google Chart подавляет пузыри событий ... Возможно, есть способ разрешить пузырьку событий на графике? –

+0

Это может сработать, если только один из них смог сообщить Графикам Google, чтобы они отображали , а не