fushioncharts微调笔记

原创 2013年12月04日 16:06:11

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

 

版权声明:本文为博主牟云飞原创文章,未经博主允许不得转载。

extjs3.3 + fushioncharts + velocity 实现折线图

啥也不说,直接上代码 先放入一个panel //折线图pannel var linePanel= new Ext.Panel({ autoHeight:true, ...

Java封装FushionCharts

最近公司接了个关于数据统计的系统,需要用到报表功能,找了几天觉得还是FushionCharts 适合,所以就对FushionCharts进行了java代码封装,方便,前台,后台调用。 ...
  • jj88888
  • jj88888
  • 2015年03月20日 11:48
  • 1146

fushioncharts几种问题汇总:debug、赋值方式、事件处理等

转自:http://www.cnblogs.com/myaspnet/archive/2011/05/16/2048269.html 一、 fusionchart的debug模式  ...
  • wmqdn
  • wmqdn
  • 2012年09月13日 17:25
  • 1304

fushioncharts循环调用时内存问题

  • 2013年08月28日 10:17
  • 790B
  • 下载

Caffe学习笔记(七)—— solver参数说明及利用自己的数据集对权值微调

本文主要介绍:在进行网络训练和权值微调过程中,需要对solver中的参数进行设置,本文主要介绍solver中的参数设置,以及如何利用自己的数据集,对权值进行微调。 1. solver...

Fushioncharts

  • 2014年05月30日 22:46
  • 24.54MB
  • 下载

FushionCharts相关

  • 2014年06月05日 17:25
  • 727KB
  • 下载

GTK+图形化应用程序开发学习笔记(十三)—微调构件

GTK+图形化应用程序开发学习笔记(十三)—微调构件 微调按纽构件(GtkSpinButton)通常用于让用户从一个取值范围内选择一个值。它由一个文本输入框和旁边的向上和向下两个按钮组成。点击某...

fushioncharts插件

  • 2013年08月28日 16:15
  • 2.83MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:fushioncharts微调笔记
举报原因:
原因补充:

(最多只允许输入30个字)