使用amCharts工具做报表的小记 flash报表 饼图 柱状图 折线图
用amcharts做报表工具时,遇到了好几个小问题。第一是破解问题,如果不破解amcharts的LOGO图标就会显示在flash上面,让人感觉非常不好。第二个就是关于XXX_setting.xml中小数点的问题,如果你在data.xml文件中的数据是12.56,那么默认情况下在flash中显示的是12,56,它用逗号代替了小数点。网上搜索半天,终于找到方法。
第一个比较简单,网上很多,但我就用了其中最简单的一种,就是在amcharts目录下找到amcharts_key.txt,输入AMCHART-LNKS-1966-6679-1965-1082保存,LOGO问题解决。
第二个在你的XX_setting.xml文件中,找到<decimals_separator></decimas_separator>,写上.就可以了。
饼图颜色设置:
如果不想使用默认的颜色的话 那么可以自己来设置颜色
例如一个饼图分3块 则需要3个颜色来分别表示这些图形
就需要在setting.xml文件中加上 <pie>
<colors>FF9E01,F8FF01,B0DE09</colors> //设置颜色
<x>320</x>
<y>100</y>
<radius>100</radius>
<inner_radius>30</inner_radius>
<height>10</height>
<angle>35</angle>
<alpha>90</alpha>
</pie>
柱状图的颜色设置:
<graphs>
<graph gid="0">
<color>FEC514</color>//设置颜色
</graph>
</graphs>
柱状图的 柱子宽度设置
<column>
<width>20</width>//设置宽度
<balloon_text>{value}</balloon_text>
<grow_time>3</grow_time>
</column>
柱状图的虚线背景想要取消怎么办
请看代码 我们也可以设置背景为白色框 什么都不加
<grid>
<category>
<alpha>0</alpha> //设置成0 当然不为0就有虚线
<dashed>1</dashed>
</category>
<value>
<alpha>0</alpha>//设置成0 当然不为0就有虚线
<dashed>1</dashed>
</value>
</grid>
图形页面的边距
<plot_area>
<margins>
<left>50</left>
<left>25</left>
<right>20</right>
<top>20</top>
<bottom>60</bottom>
</margins>
</plot_area>
鼠标移到图形时 显示图形代表块的数据
<column>
<width>20</width>
<balloon_text>{titile}:{value} ({percents}%) balloon_text> //这三个参数可以取舍 第一个是显法标题,第二个是显示具体值,第三个是百分比
<grow_time>3</grow_time>
</column>
没有数据时图形的显示
1 没有数据时可以显示一个默认图形 这个自己定义 想显示成什么样就什么样 看需求了
2 没有数据时 有的用户希望有一个友好的提示 所以请看提示功能
<strings>
<no_data>没有数据</no_data>
</strings>
小数点的形式
<thousands_separator>,</thousands_separator>
<decimals_separator>.</decimals_separator>
整个图形的宽度与高度 即图形大小了
呵呵
new SWFObject(swfURI, chartType, "100%", chartHeight, "7", "");//第三个参数是宽度 第四个是高度
设置标题栏的位置 默认是在左下方 图形的下方 这此的需求是放在上方
/**//*这是默认的设置 可以在legnd里面加上自定义x y 的值*/
<legend>
<enabled>0</enabled>
</legend>
/**//*自定义 标题栏的位置*/
<legend>
<x>15</x>
<y>5</y>
</legend>如果是pie 饼图的话 enable应设为true才会显示
<legend>
<align>center</align>
</legend>
如果柱状图 不是柱状 而成了四边形 不是柱子形 此时也是需要设置的
<depth>20</depth> //设置柱子形状 如果值为0 你可试试 就不是柱状 而是四边形
1 楼
hwak
2011-12-09
请看看这个帖子,欢迎指教。http://hwak.iteye.com/blog/1297661