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

Question

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

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

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

Answer 1

Флот может делать то, что вам нужно.

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

Answer 2

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

Веселись.

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