开源插件应用

领悟书生java教程网提供最新开源插件应用教程,最经典的开源插件应用教程,jquery插件教程,深入理解jquery插件教程,深入浅出插件开发教程,日期插件系列教程,经典图片滚动教程等教程

Flash图表控件FusionCharts如何高亮显示数据

2015-03-07| 发布: 网络| 浏览: 3315 |保存PDF

使用Flash图表控件FusionCharts时,通过改变alpha是高亮显示数据的最简单方式。XML代码如下:

Xml代码
  1. <chart>  

  2.   <set label='John' value='420' />  

  3.   <set label='Mary' value='295'>  

  4.   <set label='Tom' value='523' />  

  5. </chart>  


 


在这里,已经设置了第二列的alpha值为50(范围是0 - 100)。查看这张图的时候,你会发现列是半透明的。



使用虚线边界高亮数据集

用户也可以通过设置它的边界为虚线高亮显示数据集。参考下面的

Xml代码
  1. <chart>  

  2.   <set label='John' value='420' />  

  3.   <set label='Mary' value='295' />  

  4.   <set label='Tom' value='523' />  

  5. </chart>  







通过在一个线/区域图内使用单个锚属性高亮数据集

   
   

FusionCharts允许用户设置单独 水平锚属性。参考下面的XML代码:

Xml代码
  1. <chart showValues='0'>  

  2.   <set label='John' value='420' />  

  3.   <set label='Mary' value='295' />  

  4.   <set label='Tom' value='523' anchorRadius='6' anchorSides='4' anchorBorderColor='0372AB'  

  5.        anchorBgColor='E1f5ff' />  

  6.   <set label='Hary' value='323' />  

  7. </chart>  


   
以上XML将会输出如下折现图:


   

   

可以在图片中清楚地看到高亮显示的锚点

在一个多系列图中通过使用单个颜色属性来高亮单个数据

FusionCharts允许用户在一个多系列图中指定 水平颜色。参考下面的XML:

  
   
    
    
   
   
    
    
   
   
    
    
   
   
    
    
   
  

Xml代码
  1. <chart>  

  2.      <categories>  

  3.          <category label="Product A" />  

  4.          <category label="Product B" />  

  5.      </categories>  

  6.      <dataset SeriesName="2005">  

  7.          <set value="324" />  

  8.          <set value="457" />  

  9.      </dataset>  

  10.      <dataset SeriesName="2006">  

  11.          <set value="456" />  

  12.          <set value="787" color='FF5904' />  

  13.      </dataset>  

  14.      <dataset SeriesName="2007">  

  15.          <set value="557" />  

  16.          <set value="767" />  

  17.      </dataset>  

  18. </chart>  





   

   

 
转自:http://jfaiukjh65.iteye.com/blog/1924795

大家都在看

热门访问