highchrts属性介绍.doc

!DOCTYPE HTML html head meta http-equiv=Content-Type content=text/html; charset=utf-8 title无标题文档/title script type=text/javascript src=js/jquery-1.8.2.js/script script type=text/javascript src=js/highcharts.js/script script type=text/javascript src=js/exporting.js/script script type=text/javascript $(function(){ $(#container).highcharts({ chart:{ //通用参数 //alignTicks:false,自动计算y轴数值，（true/false） backgroundColor: #A35393,//背景颜色 borderColor:#699668,//边框颜色 borderRadius: 50,//圆角边框 borderWidth: 10,//边框宽度 //height: 600,//图形高度 width:800,//图形宽度 ignoreHiddenSeries:true,//自动调整剩余的数据轴 //inverted:true,x轴跟y轴位置互换 //margin:[0,0,0,0], //marginBottom:100,//图形跟边框之间的距离marginLeft marginRight marginTop zoomType: x,//图形沿x轴放大 panning: true,//图形放大时，按shift键拖动图形 panKey: shift, resetZoomButton:{//当图形放大之后，会出现一个按钮，点击之后还原图形 position:{ x:0, y:-30 }, theme:{//设置按钮样式 fill:white,//填充白色 stroke:silver,//银色边框 r:0, states:{ hover:{//鼠标经过样式 fill:#417256, style:{ color:white } } } }, relativeTo:chart//更改按钮位置，默认在图形区域内（plot） }, plotBackgroundImage:bizhi0422.jpg,//图形区域设置背景图片 plotBorderColor:#FF0000, plotBorderWidth: 5,//图形区域加边框 plotBackgroundColor:#00FF00,//设置图形区域背景颜色 plotShadow:true,//设置图形区域阴影 shadow:true,//向下投影 style:{//设置图表区域的字体样式...可以添加别的css样式 fontFamily:serif }, animation:{//动画效果 duration: 1000, easing: easeOutBounce }, polar:true,//极地坐标图 type: line//设置图形样式line：折线图，bar：横向柱状图，spline：曲线图，scatter：分散定点图，pie：饼状图，area：区域堆积图，column：柱状图 }, xAxis:{ //X轴属性 //categories:[Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec]//设置常规的类别轴 dateTimeLabelFormats:{ day:%e of %b//天 //millisecond: %H:%M:%S:.%L, 毫秒 //second: %H:%M:%S, 秒 //minute: %H:%M, 分 //hour: %H:%M, 时 //week: %e.%b, 周 //month