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

Question

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

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

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

Answer 1

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

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

flot - Хорошо выглядит, с открытым исходным кодом, интерактивно, http://code.google.com/p/flot/

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

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

Answer 2

Вы можете использовать те же игрушки, которые использует Google для начинающих.

Answer 3

Humble Software's envision.js также выглядит многообещающе, если вам нужно отображать временные ряды или графики акций.

http://www.humblesoftware.com/envision

демо: финансы / биржевой график:
http://www.humblesoftware.com/envision/demos/finance

Answer 4

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

Answer 5

Исходя из моего опыта, я надеюсь, что это лучше http://www.jqplot.com/

Answer 6

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

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

РЕДАКТИРОВАТЬ: как указано пользователем mg1075, amcharts теперь доступны в виде диаграммы Javascript.

Answer 7

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