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

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], ...]...