关闭

fushioncharts微调笔记

1029人阅读 评论(0) 收藏 举报
分类:

柱子显示圆角 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>

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:540716次
    • 积分:6583
    • 等级:
    • 排名:第3606名
    • 原创:157篇
    • 转载:21篇
    • 译文:1篇
    • 评论:146条
    最新评论