fushioncharts微调笔记

柱子显示圆角 useRoundEdges='1'

不显示边框  bgAlpha='0' canvasBgAlpha ='0'

x轴数据显示格式  labelDisplay='WRAP'横向

 

y轴标题横向显示  rotateYAxisName='0' （y轴不旋转就可以横向显示，如果宽度不够调整宽度yAxisNameWidth就可以）

显示节点值 showValues='0'

msline先不显示节点圆点但有提示  showAnchors='1' anchorAlpha='1'

线的颜色设置 dataset中的color

不显示标题框  legendBorderColor='#FFFFFF' legendShadow='0'

标题框竖着显示  legendPosition='BOTTOM' legendNumColumns='1'

柱形图渐变色控制   plotGradientColor='#8BBC22'

加虚线产生网格   <vLine color='#C6C6C6' thickness='1' />

调整y轴横线的数量adjustDiv='0' numDivLines='3'

显示两位小数formatNumber=‘1’  decimals=‘2’  （显示两位小数之后y周也会显示小数，只需要调整y轴最大值yAxisMaxValue就可以，默认y轴显示5个刻度，所以最大值为5的倍数就可以）   

 

导出的时候是否显示进度 showExportDialog='1'
导出图片更改回调函数 exportCallback='FC_Exported_two'
导出图片执行的js方法 exportHandler='FCExporter'

 

导出图片和pdf后的和默认回调函数 function FC_Exported ( statusObj )    //获得名字statusObj.fileName;

 

 ------------------js生成fushioncharts

   <table style="width:100%;height:100%;">
     <tr>
      <td style="width:100%;height:100%;">
       <div style="width:100%;height:100%;z-index: 1">
        <div id="div1" ></div> 
       </div>
      </td>
     </tr>//生成fushioncharts,支持百分比定义div为百分比或者像素即可
   function showChart(chartType,showDiv,data){
    var myChart1= new FusionCharts("<%=request.getContextPath()%>/fusioncharts/"+chartType+".swf?ChartNoDataText=当前没有可展示图形的数据",
                  "myChartId1", "100%", "100%", "0", "0");
   myChart1.setDataXML(data);
   myChart1.setTransparent(true);
   myChart1.render( showDiv);
   }

 

 

-------------自定义样式标题------------
  <styles>
       <definition>
             <style name='myCaptionFont' type='font' font='Arial' size='14' color='666666' bold='1' underline='1'/>
             <style name='mySubCaptionFont' type='font' font='Arial' size='12' color='666666' italic='1'/>
             <style name='myAxisTitlesFont' type='font' font='Arial' size='11' bold='1'/>
       </definition>
       <application>
             <apply toObject='Caption' styles='myCaptionFont' />
             <apply toObject='SubCaption' styles='mySubCaptionFont' />
             <apply toObject='XAxisName' styles='myAxisTitlesFont' />
       </application>
   </styles>