<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cyrill &#187; astra charts</title>
	<atom:link href="http://cyrill.co.uk/tag/astra-charts/feed/" rel="self" type="application/rss+xml" />
	<link>http://cyrill.co.uk</link>
	<description>Чувак с пассатижами / sux, bugs &#38; plug ‘n’ play</description>
	<lastBuildDate>Sun, 01 Nov 2009 11:53:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>11 flash-компонентов для построения графиков для rich web</title>
		<link>http://cyrill.co.uk/2008/01/25/10-flash-charts/</link>
		<comments>http://cyrill.co.uk/2008/01/25/10-flash-charts/#comments</comments>
		<pubDate>Fri, 25 Jan 2008 10:51:19 +0000</pubDate>
		<dc:creator>Cyrill</dc:creator>
				<category><![CDATA[flash]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Дизайн информации]]></category>
		<category><![CDATA[Интерфейсы и юзабилити]]></category>
		<category><![CDATA[amcharts]]></category>
		<category><![CDATA[anychart]]></category>
		<category><![CDATA[astra charts]]></category>
		<category><![CDATA[bar diagram]]></category>
		<category><![CDATA[chart]]></category>
		<category><![CDATA[гистограмма]]></category>
		<category><![CDATA[график]]></category>
		<category><![CDATA[диаграмма]]></category>
		<category><![CDATA[flash chart]]></category>
		<category><![CDATA[flash chart free]]></category>
		<category><![CDATA[flash charts pro]]></category>
		<category><![CDATA[flash graph]]></category>
		<category><![CDATA[free chart]]></category>
		<category><![CDATA[fusioncharts]]></category>
		<category><![CDATA[graph]]></category>
		<category><![CDATA[ofc]]></category>
		<category><![CDATA[open flash chart]]></category>
		<category><![CDATA[php/swf chart]]></category>
		<category><![CDATA[rich chart live]]></category>
		<category><![CDATA[swiff chart generator]]></category>
		<category><![CDATA[xml/swf chart]]></category>
		<category><![CDATA[yahoo]]></category>
		<category><![CDATA[YUI]]></category>
		<category><![CDATA[YUI Charts]]></category>

		<guid isPermaLink="false">http://cyrill.co.uk/2008/01/25/10-flash-charts/</guid>
		<description><![CDATA[Если вы занимаетесь разработкой интерфейсов, то наверняка сталкивались с необходимостью разместить на страницах вашего проекта график или диаграмму того или иного содержания и вида: в одном случае это мог быть график суточного отсева спам-сообщений, в другом – &#8220;живая&#8221; диаграмма, отображающая количество комментариев к вашей статье.
Пару-тройку лет назад на поверхности было негусто решений, позволяющих решить задачу, [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p>Если вы занимаетесь разработкой интерфейсов, то наверняка сталкивались с необходимостью разместить на страницах вашего проекта график или диаграмму того или иного содержания и вида: в одном случае это мог быть график суточного отсева спам-сообщений, в другом <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> &#8220;живая&#8221; диаграмма, отображающая количество комментариев к вашей статье.</p>
<p>Пару-тройку лет назад на поверхности было негусто решений, позволяющих решить задачу, и разработчик, как правило вынужден был садиться за ман к GD, ImageMagick или иной библиотеке, позволявшей рисовать gif-файлы при помощи любимого скриптового языка. Интерактивности в таких решениях было не сильно много, при этом трудоемкость написания хорошего графопостроителя могла запросто заставить задуматься о целесообразности всего проекта.</p>
<p>Однако, ситуация меняется к лучшему, о чем я и решил написать. Итак, <strong>flash-средства построения графиков, чартов и диаграмм для веб</strong>. Они имеют единственный, правда весьма заметный недостаток <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> если у посетителя отключен флэш, он ничего не увидит. Если вы хотите подстраховаться &#8211; было бы неплохо проверять наличие включенного flash и отдавать либо статические графики, либо предупреждение о том, что нужно включить отображение flash.</p>
<p>Кстати, я установил <a title="Snap" href="http://www.snap.com/snapshots.php" target="_blank">Snap</a> <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> стало ли от этого удобнее?</p>
<h3>1. <a title="FusionCharts free" href="http://www.fusioncharts.com/free/" target="_blank">FusionCharts Free</a></h3>
<p>Мощное и достаточно распространенное <strong>бесплатное</strong> средство для построения 22 типов графиков и диаграмм на страницах вашего сайта или интранета. Предлагается обертка для упрощения построения графиков на PHP. На сайте производителя существует <a title="FusionCharts Docs" href="http://www.fusioncharts.com/free/docs/">шикарная документация</a> с примерами использования для различных языков программирования и статического XML.</p>
<p>Для тех, кому всегда мало <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> имеется <a title="Сравнение FusionCharts Free vs V3" href="http://www.fusioncharts.com/free/Comparison.asp?gMenuItemId=6">коммерческая версия FusionCharts</a>, предлагающая дополнительные опции визуализации типа трехмерного освещения, еще 23 типа графиков и, как уверяет разработчик, полную поддержку AJAX/Javascript. Цены &#8211; от 69 до 4500 долларов.<br />
<img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/fusioncharts.jpg" alt="FusionCharts free" /></p>
<p>Кроме бесплатного решения для разработчиков, FusionCharts предлагает воспользоваться своим компонентом в виде <a title="Fusioncharts: Google gadget" href="http://gmodules.com/ig/creator?synd=open&amp;url=http%3A//fusioncharts.googlecode.com/svn/trunk/fusioncharts.xml" target="_blank">Google Gadget</a> -визуального конструктора, позволяющего создать график и получить код для его размещения на страницах вашего сайта.</p>
<h3>2.  <a title="AmCharts" href="http://www.amcharts.com/" target="_blank">amCharts</a></h3>
<p>Еще одно средство построения анимированных графиков на flash. Умеет строить кольцевые диаграммы, классические графики X-Y и многое другое. На сайте и в <a title="Antanas Marcelionis" href="http://www.marcelionis.com/2007/05/03/using-dynamic-data-with-charts/" target="_blank">блоге разработчика</a> приводятся образцы использования и документация. Имеется форум технической поддержки.</p>
<p>Существует бесплатная версия, с единственным ограничением <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> все графики будут содержать ссылку на сайт разработчика. Цена коммерческой версии начинается на уровне €85  за лицензию на использование в пределах одного домена.</p>
<p><img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/amcharts.jpg" alt="AmCharts" /></p>
<h3>3. <a title="AnyChart" href="http://www.anychart.com/products/anychart/overview/" target="_blank">AnyChart Flash Chart Component</a></h3>
<p>Исключительно коммерческий и весьма недешевый (от $499 за лицензию на одного разработчика) flash-компонент для построения анимированных диаграмм. Предлагается более 60 типов графиков и ряд интересных опций <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> например, возможность сохранить график как картинку.После регистрации на сайте становится доступна пробная версия компонента.<br />
<img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/anychart.jpg" alt="AnyCharts" /></p>
<p>Под катом &#8211; еще восемь <strong>flash-компонентов для построения графиков</strong>.</p>
<p><span id="more-54"></span> <img src="http://dev.cyrill.co.uk/__test/cyrill-co-uk-flash-charts.gif" alt="Oops!" width="1" height="1" /></p>
<h3>4. <a title="Flash Charts Pro" href="http://www.web-site-scripts.com/flash-charts" target="_blank">Flash Charts Pro</a></h3>
<p>Еще один коммерческий компонент. Цены <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> от $59 до $1299. Данные берет из XML, умеет обновляться по вызову Javascript-функции. Доступна пробная версия.<br />
<img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/fcpro.jpg" alt="Flash Charts Pro" /></p>
<h3>5. <a title="Swiff Chart Generator" href="http://www.globfx.com/products/swfchartgen/" target="_blank">Swiff Chart Generator</a></h3>
<p>Очередной коммерческий компонент (от $899 на один сервер). Много различных визуальных стилей для шести типов графиков. Существует возможность интеграции в приложение, написанное на <span class="BodyStyle" style="color: #000000;">ASP.NET/PHP/JSP/ColdFusion</span>. Имеется пробная версия.<br />
<img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/swiffgen.jpg" alt="Swiff Chart Generator" /></p>
<h3>6. <a title="XML/SWF Charts" href="http://www.maani.us/xml_charts/index.php" target="_blank">XML/SWF Chart</a> и <a title="PHP/SWF Charts" href="http://www.maani.us/charts/index.php" target="_blank">PHP/SWF Chart</a></h3>
<p>Один из старожилов на рынке flash-графиков. По сути, один и тот же визуальный flash-компонент, использующий разные методы загрузки данных: в первом случае используется статический XML-файл, во втором &#8211; предлагается использовать обертку на PHP. Имеется бесплатная версия, но она с подвохом: щелчок по графику уведет вашего посетителя на сайт разработчика графиков без предупреждения. Стоимость весьма гуманна: от $45 за использование в пределах одного домена до $550 за неограниченное использование и  право редистрибуции в рамках собственных проектов.</p>
<p><img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/xmlswf.jpg" alt="XML/SWF &amp; PHP/SWF Charts" /></p>
<h3>7. <a title="Open Flash Chart (OFC)" href="http://teethgrinder.co.uk/open-flash-chart/" target="_blank">Open Flash Chart (OFC)</a></h3>
<p>Шикарное и <strong>абсолютно бесплатное</strong> решение, позволяющее строить массу различных графиков. На мой взгляд, прекрасно стилизовано и документировано. Все графики снабжены примерами. Имеется обертка на PHP.<br />
<img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/ofc.jpg" alt="OFC - Open Flash Chart" /></p>
<h3>8. <a title="Astra charts" href="http://developer.yahoo.com/flash/astra-flash/charts/" target="_blank">ASTRA Charts</a></h3>
<p>Решение от Yahoo! Developer Network. Разработчику дана полная свобода в самовыражении &#8211; можно скачать файлы *.fla. Традиционно для Yahoo <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> весьма бедный визуальный стиль, используемый по умолчанию, но куча возможностей именно для flash-разработчика/дизайнера. Инструмент распространяется на условиях <a title="Yahoo Terms of Service" href="http://info.yahoo.com/legal/us/yahoo/utos/utos-173.html" target="_blank">Yahoo TOS</a>.</p>
<p><img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/yahoo-astraflash.jpg" alt="Astra Charts" /></p>
<h3>9. <a title="YUI: Charts" href="http://developer.yahoo.com/yui/charts/">Yahoo! UI Library: Charts</a></h3>
<p>Еще одно решение от Yahoo, позволяющее визуализировать табличные данные в различных форматах. Как и Astra, распространяется на условиях <a title="Yahoo Terms of Service" href="http://info.yahoo.com/legal/us/yahoo/utos/utos-173.html" target="_blank">Yahoo TOS</a>. Что приятно, скрипты, реализующие решение можно брать непосредственно с серверов YUI до тех пор, пока вы пользуетесь компактными (minified) скриптами. Для отладки потребуется разместить файлы на своем хостинге. Поддерживается XMLHTTP для асинхронного обновления графиков.</p>
<p><img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/yui-chart.jpg" alt="YUI: Charts" /></p>
<h3>10. <a title="Rich chart live" href="http://www.richchartlive.com/RichChartLive/learn.aspx" target="_blank">Rich chart Live</a></h3>
<p>Это решение, как и <a title="Fusioncharts: Google gadget" href="http://gmodules.com/ig/creator?synd=open&amp;url=http%3A//fusioncharts.googlecode.com/svn/trunk/fusioncharts.xml" target="_blank">FusionCharts: Google gadget</a> подойдет тем, кому не нужно самому программировать вывод графиков <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> мы имеем дело с онлайн-конструктором графиков. Введите данные в таблицу, выберите стиль графика и вариант оформления и получите код для блога или флэш-объект для размещения на страницах вашего сайта. Быстро, удобно и красиво. Помимо конструктора, компания разработчик так же предлагает коммерческий оффлайн конструктор для построения графиков <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> <a title="Rich chart builder" href="http://www.blue-pacific.com/products/richchartbuilder/screenshots/default.htm">Rich chart builder</a>.</p>
<p><img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/rclive.jpg" alt="Rich Chart Live" /></p>
<p>11. Andrew в комментариях к этой записи предложил еще один компонент: <a title="zxChart" href="http://www.ankord.com/ru/zxchart.html" target="_blank">Ankord zxChart</a>.</p>
<p>Это shareware-компонент стоимостью €15 предлагает следующие опции (далее <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> цитата с сайта разработчиков):</p>
<li>Поддерживает следующие типы диаграмм: Column, bar, pie, line, composite column</li>
<li>Многорядные диаграммы</li>
<li>Настраиваемые стили</li>
<li>Поддерживается всеми популярными браузерами</li>
<li>Может использоваться на любом web-сервере, под любой операционной системой.</li>
<li>Источником данных для построения диаграммы может быть статический файл или скрипт (PHP, ASP, Perl, и др.), расположенный на Вашем сервере или любом другом сервере в сети.</li>
<li>Возможно использование zxChart без web-сервера (в традиционных приложениях).</li>
<li>Автоматическое обновлени информации на диаграмме.</li>
<li>Изменение Масштаба (Zooming)</li>
<p>Для передачи данных для отрисовки используется собственный формат данных, который описан в прилагаемой документаци. Странно, что документация приложена только на английском языке, хотя производитель графиков, судя по всему, отечественный, что само по себе достойно похвалы. Ребятам не хватает правильного технического писателя и современного дизайна, чтобы встать в один ряд с упомянутыми выше решениями.</p>
<p><img src="http://wp2.cyrill.co.uk/wp-content/uploads/2008/01/ankord.jpg" alt="Ankord zxChart" /></p>
<blockquote><p>Итак, вашему вниманию были представлены 10 платных и бесплатных flash-компонентов для построения графиков. В следующий раз я постараюсь осветить средства для построения графиков при помощи Javascript <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> их тоже достаточно много, а функциональные возможности временами завораживают.</p>
<p>Все еще интересно? <a title="RSS Feed" href="http://feeds.feedburner.com/CyrillU">Подписывайтесь</a> <img src='http://cyrill.co.uk/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  Кстати, было бы здорово услышать ваше мнение <span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif'" lang="EN-US">–</span> комментируйте!</p></blockquote>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://cyrill.co.uk/2008/01/25/10-flash-charts/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>
