Графики внутри jQuery.UI Tabs


Встала задача отобразить интерактивный график внутри jQuery.UI Tabs, причём нужно было использовать только бесплатные компоненты.

Задача оказалась не такой тривиальной.

Компоненты Flot и jQPlot не справились с задачей: Flot отказывался отображаться на скрытой вкладке даже после продолжительных танцев с бубнами, а jQPlot при использовании 2-х или более графиков тормозил неимоверно даже на Core i7.

Решением оказался быстрый и легковесный jQuery sparklines - он почти не глючит, динамично развивается и позволяет спокойно отображать одновременно по 10-20 интерактивных, динамически обновляющихся графиков на странице - даже в неактивной на данный момент вкладке.

Так это работает:

Небольшое неудобство - отсутствие у jQuery sparklines легенды и координатных осей - здесь легко обходится: легенды и оси могут быть свёрстаны отдельно с помощью html.

4 июня 2012 05:50 — Георгий Чурочкин