• FusionChart的数据:XML(三) 混合图的数据结构


            前面两节分别讲了单列图和多列图的数据格式。本节主要讲混合图的数据格式。其实,对与FusionChart中,混合图主要是分2种,一种是单Y轴的混合图,一种是双Y轴的混合

    图。今天这节主要是讲的单Y轴的混合图。

            其实,单Y轴的混合图,其XML数据格式与多列图的数据格式很类似。不同的就是在属性方面,可能有差别。主要是节点<dataset>中,存在着属性renderAs,该属性默

    认的情况,也就是不写该属性时,renderAs=columnrenderAs属性值还可以取值:column,line,area

          例如:     

    <?xml version="1.0" encoding="UTF-8"?>
    <chart caption='Business Results 2005 v 2006' xAxisName='Month' yAxisName='Revenue' showValues='0' numberPrefix='$'> 
      <categories>    
            <category label='Jan' />  
            <category label='Feb' />   
            <category label='Mar' />
            <category label='Apr' />
            <category label='May' /> 
            <category label='Jun' />
            <category label='Jul' />
            <category label='Aug' />
            <category label='Sep' />
            <category label='Oct' />
            <category label='Nov' />
            <category label='Dec' />  
      </categories> 
      <dataset seriesName='2006'>   
          <set value='27400' />   
          <set value='29800' />  
          <set value='25800' />  
          <set value='26800' />    
          <set value='29600' />                          
          <set value='32600' />  
          <set value='31800' />   
          <set value='36700' />  
          <set value='29700' />  
          <set value='31900' /> 
          <set value='34800' />  
          <set value='24800' /> 
      </dataset>   
      <dataset seriesName='2005' renderAs='Area'>   
            <set value='10000' />   
            <set value='11500' />  
            <set value='12500' />  
            <set value='15000' />   
               <set value='11000' />    
            <set value='9800' />    
            <set value='11800' />  
            <set value='19700' /> 
            <set value='21700' /> 
            <set value='21900' /> 
            <set value='22900' /> 
            <set value='20800' /> 
         </dataset>
         <dataset seriesName='2004' renderAs='Line'> 
             <set value='7000' />    
             <set value='10500' /> 
             <set value='9500' />   
             <set value='10000' />   
             <set value='9000' />  
             <set value='8800' />  
             <set value='9800' />   
             <set value='15700' />  
             <set value='16700' />  
             <set value='14900' />  
             <set value='12900' /> 
             <set value='8800' /> 
         </dataset> 
      </chart>
                                                                 


           注意,用到Combination混合图,相应的需要更换显示混合图的模板。以MSCombi2D.swf模板显示为例,上面的图形显示结果为:

          

         

          

    高度决定视野,角度改变观念,尺度把握人生。
  • 相关阅读:
    leetcode Convert Sorted List to Binary Search Tree
    leetcode Convert Sorted Array to Binary Search Tree
    leetcode Binary Tree Level Order Traversal II
    leetcode Construct Binary Tree from Preorder and Inorder Traversal
    leetcode[105] Construct Binary Tree from Inorder and Postorder Traversal
    证明中序遍历O(n)
    leetcode Maximum Depth of Binary Tree
    限制 button 在 3 秒内不可重复点击
    HTML 和 CSS 画三角形和画多边行基本原理及实践
    在线前端 JS 或 HTML 或 CSS 编写 Demo 处 JSbin 与 jsFiddle 比较
  • 原文地址:https://www.cnblogs.com/liujian21st/p/2971465.html
Copyright © 2020-2023  润新知