站长网_站长创业_站长主页_站长之家_易采站长站

会员投稿 投稿指南 站长资讯通告: jqPlot 基于jquery的画图插件
搜索:
您的位置: 主页 > 教程 > 网页编程 > JavaScript > » 正文

jqPlot 基于jquery的画图插件(2)

来源: 易采站长站

//不同图表的Option配置对象请参见下面《jqPlot各个不同插件的Option对象设置》
//中各个图表的配置Option对象
tickOptions: {
mark: 'outside', // 设置横(纵)坐标刻度在坐标轴上显示方式,分为坐标轴内,外,穿过坐标轴显示
// 值也分为:'outside', 'inside' 和 'cross',
showMark: true, //设置是否显示刻度
showGridLine: true, // 是否在图表区域显示刻度值方向的网格线
markSize: 4, // 每个刻度线顶点距刻度线在坐标轴上点距离(像素为单位)
//如果mark值为 'cross', 那么每个刻度线都有上顶点和下顶点,刻度线与坐标轴
//在刻度线中间交叉,那么这时这个距离×2,
show: true, // 是否显示刻度线,与刻度线同方向的网格线,以及坐标轴上的刻度值
showLabel: true, // 是否显示刻度线以及坐标轴上的刻度值
formatString: '', // 梃置坐标轴上刻度值显示格式,eg:'%b %#d, %Y'表示格式"月 日,年","AUG 30,2008"
fontSize:'10px', //刻度值的字体大小
fontFamily:'Tahoma', //刻度值上字体
angle:40, //刻度值与坐标轴夹角,角度为坐标轴正向顺时针方向
fontWeight:'normal', //字体的粗细
fontStretch:1//刻度值在所在方向(坐标轴外)上的伸展(拉伸)度
}
showTicks: true, /// 是否显示刻度线以及坐标轴上的刻度值
showTickMarks: true, //设置是否显示刻度
useSeriesColor: true //如果有多个纵(横)坐标轴,通过该属性设置这些坐标轴是否以不同颜色显示
},

axes: {
xaxis: {
// 设置同 axisDefaults
},
yaxis: {
// 设置同 axisDefaults
},
x2axis: {
// 设置同 axisDefaults
},
y2axis: {
// 设置同 axisDefaults
}
},

seriesDefaults: {//如果有多个分类,这可通过该配置属性设置各个分类的共性属性
show: true, // 设置是否渲染整个图表区域(即显示图表中内容)
xaxis: 'xaxis', // either 'xaxis' or 'x2axis'.
yaxis: 'yaxis', // either 'yaxis' or 'y2axis'.
label: '', // 用于显示在分类名称框中的分类名称
color: '', // 分类在图标中表示(折现,柱状图等)的颜色
lineWidth: 2.5, // 分类图(特别是折线图)哪宽度
shadow: true, // 各图在图表中是否显示阴影区域
shadowAngle: 45, // 参考grid中相同参数
shadowOffset: 1.25, // 参考grid中相同参数
shadowDepth: 3, // 参考grid中相同参数
shadowAlpha: 0.1, // 参考grid中相同参数
showLine: true, //是否显示图表中的折线(折线图中的折线)
showMarker: true, // 是否强调显示图中的数据节点
fill: false, // 是否填充图表中折线下面的区域(填充颜色同折线颜色)以及legend
//设置的分类名称框中分类的颜色,此处注意的是如果fill为true,
//那么showLine必须为true,否则不会显示效果
fillAndStroke: false, //在fill为true的状态下,在填充区域最上面显示一条线(如果是折线图则显示该折线)
Tags:
最新图文资讯
1 2 3 4 5 6
相关文章列表:
易采站长站 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助 -