amCharts
  • Official site: http://amcharts.com/
  • Flash charts components, free for personal use (with advertisement string.)
  • Easy to use, really flexible.
  • Sure you need Flash player installed, which stops iOS (iPhone, iPad.)
  • Powerful Visual Editor available.

Examples

Bar / Column chart: Instant Demo

<script type="text/javascript" src="http://extra.amcharts.com/public/swfobject.js"></script>
<div id="amcharts_1283806261481">You need to upgrade your Flash Player</div>
<script type="text/javascript">
    var so = new SWFObject("http://extra.amcharts.com/public/amcolumn.swf", "amcolumn", "600", "400", "8", "#FFFFFF");
    so.addVariable("path", "amcolumn/");
    so.addVariable("chart_settings", encodeURIComponent("<settings><type>bar</type><text_size>12</text_size><redraw>1</redraw><data_type>csv</data_type><skip_rows>1</skip_rows><preloader_on_reload>1</preloader_on_reload><digits_after_decimal>0</digits_after_decimal><plot_area><color>FFFF33</color><alpha>39</alpha></plot_area><grid><category><alpha>10</alpha></category><value><alpha>10</alpha><dashed>1</dashed><dash_length>7</dash_length><fill_alpha>16</fill_alpha></value></grid><axes><category><tick_length>5</tick_length><color>CCCCCC</color></category><value><tick_length>9</tick_length><width>1</width><color>CCCCCC</color></value></axes><values><category><rotate>25</rotate></category><value><min>0</min><max>120</max><skip_first>0</skip_first><unit>USD</unit><unit_position>left</unit_position></value></values><balloon><alpha>67</alpha><corner_radius>10</corner_radius><border_color>000000</border_color></balloon><legend><spacing>9</spacing><key><size>17</size></key></legend><column><link_target>http://extra.amcharts.com/editor/column/</link_target><width>74</width><border_color>000000</border_color><hover_brightness>20</hover_brightness><bullet_offset>30</bullet_offset><balloon_text>{title}: {value} 次下載</balloon_text><grow_time>1</grow_time><grow_effect>regular</grow_effect></column><depth>10</depth><angle>18</angle><export_as_image><file>匯出圖檔</file><x>500</x><y>400</y></export_as_image><graphs><graph gid='0'><title>股票</title><type>line</type><color>669900</color><width>1</width></graph><graph gid='1'><title>Column</title><color>7F8DA9</color></graph><graph gid='2'><title>Line</title><color>FEC514</color></graph></graphs><labels><label lid='0'><text><![CDATA[<b>每日下載量</b>]]></text><x>56</x><y>18</y><text_color>000000</text_color><text_size>15</text_size></label></labels></settings>"));
    so.addVariable("chart_data", encodeURIComponent("21 Jan;91;96;69\n22 Jan;87;112;101\n23 Jan;68;79;66\n24 Jan;30;32;23\n25 Jan;52;57;41"));
    so.write("amcharts_1283806261481");
</script>
Creative Commons License
本站文字除特別聲明者外,係採創用 CC 姓名標示-非商業性-相同方式分享 2.5 台灣授權條款授權,利用前請見說明