Как создать динамический линейный график, например Google Finance?

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

Мне сказали "сделать это как Google один" (хотя парень по продажам, который, в свою очередь, попугаирует клиента, поэтому он нацелился высоко. все вернутся обратно на землю, как только я скажу ему, сколько это будет стоить!)

Может кто-нибудь порекомендовать, с чего начать? Есть ли доступные плагины jQuery? Или другие способы создания чего-то подобного?

Ответ 1

Вы можете попробовать API-интерфейсы Google, такие как Wyatt, однако, имейте в виду, что Google вытаскивает данные в свои разделители, и если у вашего клиента есть проблемы с личной гигиеной, возможно, это не решение.

Я бы порекомендовал их - jqPlot - Хорошая внешность, лицензия MIT/GPL, интерактивная, http://www.jqplot.com/

flot - Хорошая внешность, Open source, interactive, http://code.google.com/p/flot/

Highcharts - несколько лицензий (возможно, придется заплатить) http://www.highcharts.com/

Множество других опций, но все они основаны на javascript:)

Ответ 4

Я бы предложил диграфы. Этот проект был разработан для тиражирования графиков Google. Он также имеет селектор диапазона так же, как диаграммы Google.

Ответ 5

Мне нравится Amcharts Stockchart, однако это флэш-диаграмма. Но он очень прочный, легко реализуется и хорошо работает с большими наборами данных.

Их стандартный продукт Linechart намного дешевле, а также имеет довольно интуитивно понятный, но менее привлекательный механизм масштабирования,

EDIT: как указал пользователь mg1075, amcharts теперь доступен как диаграмма Javascript.

Ответ 6

Основываясь на моем опыте, я надеюсь, что это лучше http://www.jqplot.com/

Ответ 7

Я использовал и люблю библиотеку flot. простой в использовании и простой в использовании. плюс его на основе jQuery.