电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

jqPlot图形报表插件简介及参数详解(jquery)

jqPlot图形报表插件简介及参数详解(jquery)_第1页
1/9
jqPlot图形报表插件简介及参数详解(jquery)_第2页
2/9
jqPlot图形报表插件简介及参数详解(jquery)_第3页
3/9
1 jqPlot 图形报表插件简介及参数详解(jquery) 前边也讲过一个基于java 的图形报表,功能及外观也不错,但存在通用性的问题。所以我们来学一个具有易用性+兼容性+可扩展性的js 图表插件。 jqPlot 是一款基于jquery 类库的图标绘制插件。通过jqPlot 可以再网页中绘制线状、柱状、饼状等多种样式图表。而且,jqPlot 具有插件可扩展性(Pluggability),你可以编写自己的图表样式。 功能概述: 1. 有多种图表样式可供选择 2. 可以自定义日期轴线 3. 可设置旋转轴文字 4. 自动计算趋势线 5. 工具条提示和高亮数据点 6. 默认最优设置,非常易于使用 以上功能在jqPlot 主页中的示例页面有很多直观的展示。这里是它详细使用文档。 缺点:柱状图无法显示具体数据值。饼状图无法显示具体百分比。 下边是搜集的详细参数配置: options = { seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", "#579575", "#839557", "#958c12", "#953579", "#4b5de4", "#d8b83f", "#ff5800", "#0085cc"], // 默认显示的分类颜色, //如果分类的数量超过这里的颜色数量,则从该队列中第一个位置开始重新取值赋给相应的分类 stackSeries: false, // 如果置为true 并且有多个分类(如果是折线图,就必须多于一条折线), // 那么每个分类(折线)在纵轴上的值为其前所有分类纵轴值总和与其纵 //轴值相加值(eg,当前分类纵轴值为Y3 //,其前有Y2,Y1,那么他显示在Y 轴上值为Y2+Y3+Y1,目前该属性支持线图和柱状图 title: '', //设置当前图的标题 title: { text: '', // 设置当前图的标题 show: true,//设置当前标题是否显示 }, axisDefaults: { 2 show: false, // wether or not to renderer the axis. Determined automatically. min: null, // 横(纵)坐标显示的最小值 max: null, // 横(纵)坐标显示的最大值 pad: 1.2, // 一个相乘因子, //(数据在横(纵)轴上最大值-数据在横(纵)轴上最小值)*pad 值 =该轴显示的横(纵)坐标区间长度 // 该轴显示的横(纵)坐标区间长度=横 (纵)坐标显示的最大值-横 (纵)坐标显示的最小值 //如果设置了max和 min的值的话,那么会优先考虑min和 max设置的值 ticks: [], //设置横(纵)坐标的刻度上的值,可为该ticks 数组中的值, // a 1D [val1, val2, ...], or 2D [[val, label], [val, label], ...]...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

jqPlot图形报表插件简介及参数详解(jquery)

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部