amcharts图形报表

Amcharts图形报表学习

 

 

饼图颜色设置：
如果不想使用默认的颜色的话 那么可以自己来设置颜色
例如一个饼图分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 你可试试 就不是柱状 而是四边形