资源描述:
《Highcharts图标插件属性注释》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、Highcharts图标插件属性注释发布于:June28,2012,1:15am分类:js,jquery,ajax作者:Cyrec阅读:[824]Highcharts,一个比较好的绘图表插件:http://www.highcharts.com转自:http://blog.sina.com.cn/s/blog_478f06c30101368p.html一.chart的部分相关属性说明renderTo:'container',//图表的页面显示容器(也就是要显示到的div)defaultSeriesType:'line',//图表类型(line、spline、scatter、splinea
2、rea、bar、pie、area、column)marginRight:50,//上下左右空隙(图表跟图框之间)marginBottom:60,//下面空隙如果不够大,图例说明有可能看不到plotBackgroundImage:'../graphics/skies.jpg',//(图表的)背景图片plotBackgroundColor://背景颜色width:1000,//图框(最外层)宽(默认800)height:500,//图框高(默认500)backgroundColor:"red"//图框的背景颜色borderColor:"red"//图框的边框颜色borderRadius:5
3、,//图框的圆角大小borderWidth:9,//图框的边框大小inverted:false,//(使图)倒置plotBorderColor:"red",//图表的边框颜色plotBorderWidth:0,//图表的边框大小plotShadow:false,//图表是否使用阴影效果reflow:false,shadow:true//图框是否使用阴影showAxes:false,//是否最初显示轴spacingTop:100,//图表上方的空白spacingRight:10,spacingBottom:15,spacingLeft:10,colors:[...]//图上线。。的颜色二
4、.credits的部分相关属性说明credits://设置右下角的标记。highchart.com(这个也可以在highcharts.js里中修改){//enabled:true,//是否显示position:{//显示的位置align:'left',x:10},text:"xoyo.com",//显示的文字style:{//样式cursor:'pointer',color:'red',fontSize:'20px'},href:'http://www.xoyo.com',//路径},三.title的部分相关属性说明title://标题{text:'月份平均温度',x:-20,//ce
5、nter//水平偏移量y:100//y:垂直偏移量align:'right'//水平方向(left,right,bottom,top)floating:true,//是否浮动显示margin:15,style:,//样式verticalAlign:"left"//垂直方向(left,right,bottom,top)},四.xAxis或者YAxis的部分相关属性说明categories:['一月','二月'],//allowDecimals:false//alternateGridColor:'red'//在图表中相隔出现纵向的颜色格栅//dateTimeLabelFormats:,/
6、/endOnTick:false,//是否显示控制轴末端的一个cagegories出来//events:{//setExtremes://},//gridLineColor:"red",//纵向格线的颜色//gridLineDashStyle:Solid//纵向格栅线条的类型//gridLineWidth:5,//纵向格线的的大小//id:null,//labels:{//X轴的标签(下面的说明)//align:"center",//位置//enabled:false,//是否显示//formatter:,//rotation:90,//旋转,效果就是影响标签的显示方向//stagge
7、rLines:4,//标签的交错显示(上、下)//step:2,//标签的相隔显示的步长//style:{},//x:100,//偏移量,默认两个都是0,//y:40//},//lineColor:"red",//X轴的颜色//lineWidth:5,//X轴的宽度//linkedTo:1,//opposite:true//是否把标签显示到对面//max:12,//显示的最大值//maxPadding:6,//maxZoom:1,//min:1