jquery 图形报表插件 jqplot 简介及参数详解
一个具有易用性+兼容性+可扩展性的 js 图表插件。
jqPlot 是 一款基于 jquery 类库的图标绘制插件。通过 jqPlot 可以再网页中绘制线状、柱状、
饼状等多种样式图表。而且,jqPlot 具有插件可扩展性 (Pluggability),你可以编写自己的图
表样式。
功能概述:
有多种图表样式可供选择
可以自定义日期轴线
可设置旋转轴文字
自动计算趋势线
工具条提示和高亮数据点
默认最优设置,非常易于使用
以上功能在 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: {
show: false, // wether or not to renderer the axis. Determined automatically.
min: null, // 横(纵)坐标显示的最小值
max: null, // 横(纵)坐标显示的最大值
pad: 1.2, // 一个相乘因子,
//(数据在横(纵)轴上最大值-数据在横(纵)轴上最小值)*pad 值=该轴显示的横
(纵)坐标区间长度