shadowDepth: 5, // 设置阴影区域的深度
shadowAlpha: 0.07 // 设置阴影区域的透明度
}
},
//pointLabels(数据点标签)
//用于在数据点所在位置显示相关信息(非提示框性质)
seriesDefaults: {
pointLabels: {
location:’s’,//数据标签显示在数据点附近的方位
ypadding:2 //数据标签距数据点在纵轴方向上的距离
}
}
// Trendline(趋势线)
// 饼状图通过seriesDefaults和series配置对象进行配置
seriesDefaults: {
trendline: {
show: true, // 是否显示趋势线
color: ‘#666666’, // 趋势线颜色
label: ”, // 趋势线名称
type: ‘linear’, //趋势线类型’linear’(直线), ‘exponential’(幂值数线) or ‘exp’
shadow: true, // 同grid相同属性设置
lineWidth: 1.5, // 趋势线宽度
shadowAngle: 45, // 同grid相同属性设置
shadowOffset: 1.5, // 同grid相同属性设置
shadowDepth: 3, // 同grid相同属性设置
shadowAlpha: 0.07 // 同grid相同属性设置
}
}
}
相关渲染器介绍
1.dateAxisRenderer
相关引用包:<script type=”text/javascript” src=”../plugins/jqplot.dateAxisRenderer.min.js” />
该渲染器主要用于显示刻度为日期格式的坐标轴,它增强了javascript的本地数据处理能力,它几乎支持所有的日期格式。
另外,该渲染器还提供了强大的格式化功能,它能将数据中日期字符串格式化为你需要的格式并显示在坐标轴的刻度线上。
2.categoryAxisRenderer
相关引用包:<script type=”text/javascript” src=”../plugins/jqplot.categoryAxisRenderer.min.js” />
该渲染器主要用于将显示于刻度处的值显示与两个刻度之间,当然其表达意思也发生变化,因为刻度值处值表示某个点处的值,而它则代表某个范围内的值。
该渲染器比较适合与柱状图联合使用。
3.barRenderer
相关引用包:<script type=”text/javascript” src=”../plugins/jqplot.barRenderer.min.js” />
该渲染器主要用于显示柱状图,该渲染器能够很好的控制每个组(位于一个刻度值处的各个分类)内及组间距离,并且该柱状图能够水平显示。
4.cursor
相关引用包:<script type=”text/javascript” src=”../plugins/jqplot.cursor.min.js” /
该渲染器主要用于鼠标移动到图中时,鼠标在图中显示形式,常用与和高亮功能同时使用。
该渲染器相关引用包一旦引用到当前页面会,该渲染器立即生效。
5.highlighter
相关引用包:<script type=”text/javascript” src=”../plugins/jqplot.highlighter.min.js” />
该渲染器主要用于当鼠标移动到图中数据点上时,在鼠标附近显示提示栏,并将相关信息显示在提示栏。默认显示值是横纵坐标轴刻度值。当然,提示框中信息是可以根据自身需要定制的。










