posts - 110, comments - 101, trackbacks - 0, articles - 7
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

使用amCharts工具做报表的小记 flash报表 饼图 柱状图 折线图

Posted on 2011-04-02 17:09 云云 阅读(3660) 评论(0)  编辑  收藏


用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 你可试试 就不是柱状 而是四边形




只有注册用户登录后才能发表评论。
网站导航: