Интерактивная панель Javascript

Question

Я ищу способ создания интерактивного графа пули, который позволит пользователю щелкнуть в любом месте графика и установить маркер, а затем рассчитать некоторые простые значения в зависимости от того, где находится этот маркер. Например, я хотел бы, чтобы это выглядело примерно так:

http://www.usrecordings.com/test-lab/bullet-graph.htm

Тем не менее, позволяют пользователю щелкнуть внутри него и иметь его вычислить значения. Я не хочу, чтобы пользователь ограничивался значениями оси, он должен иметь возможность выяснить, какое значение находится между ними. Это было сделано где-то раньше или мне нужно что-то начинать с нуля?

Answer 1

HTML-холст - отличное место для начала. Краткий поиск google показал, что может быть не так много доступных интерактивных графиков. Это несколько примеров HTML-холста, первый из которых является математическим, второй - спецификацией w3c: Polynomials, HTML Canvas w3c. Я обнаружил, что поиск примеров игры в холст HTML дает гораздо больше уроков, чем прямые примеры HTML-холста. Я не знаю, каковы ваши возможности программирования, поэтому я даю вам эти ссылки с предположением, что у вас есть опыт работы с javascript.

Удачи.

О, спасибо за вопрос, было ли это сделано раньше.

Answer 2

Flot может выполнять все, что вам нужно.

Ознакомьтесь с некоторыми из examples, в частности интерактивным. Это с открытым исходным кодом, поэтому вы можете добавить любую функциональность, которая вам нужна. Это должно быть хорошей отправной точкой.