js圖表，有highcharts、jqplot、jschart，其中highcharts和jschart只能用作個人使用、為了以後專案中能使用，在這用了jqplot（個人和商業都免費），先學習下。
關於jqplot的詳細中文配置參考：
options =
, axisdefaults: , // 設定renderer的option配置物件，線狀圖不需要設定
//不同圖表的option配置物件請參見下面《jqplot各個不同外掛程式的option物件設定》
//中各個圖表的配置option物件
tickoptions:
showticks: true, /// 是否顯示刻度線以及座標軸上的刻度值
showtickmarks: true, //設定是否顯示刻度
useseriescolor: true
//如果有多個縱（橫）座標軸，通過該屬性設定這些座標軸是否以不同顏色顯示
},
axes: ,
yaxis: ,
x2axis: ,
y2axis:
},
seriesdefaults: , // 傳給上個屬性所設定渲染器的option物件，線狀圖的渲染器沒有option物件，
//不同圖表的option配置物件請參見下面《jqplot各個不同外掛程式的option物件設定》
//中各個圖表的配置option物件
markerrenderer: $.jqplot.markerrenderer, // renderer to use to draw the data
// point markers.
markeroptions:
isdragable: true,//是否允許拖動（如果dragable包已引入）,預設可拖動
},
series:[//如果有多個分類需要顯示，這在此處設定各個分類的相關配置屬性
//eg.設定各個分類在分類名稱框中的分類名稱
//[label: 'traps division'},,]
//配置引數設定同seriesdefaults
],
legend: ,
grid: // options to pass to the renderer. note, the default
// canvasgridrenderer takes no additional options.
},
/************************jqplot各個不同外掛程式的option物件設定******************************/
// barrenderer（設定柱狀圖的option物件）
//該option物件適用與柱狀圖的series和seriesdefault屬性的相關配置物件設定
seriesdefaults:
},
// cursor(游標)
// 滑鼠移動到圖中時，滑鼠在圖中顯示形式，常與和高亮功能同時使用
//此外，通過設定該屬性的zoom相關屬性來對圖中某個區域鑽取（就選定區域放大）
//該配置物件直接在option下配置
cursor: ,
// dragable（拖動）
//該配置物件通過seriesdefaults和series配置物件進行配置
seriesdefaults: ,
},
// highlighter（高亮）
//設定高亮動作option屬性物件
//滑鼠移動到某個資料點上時，該資料點增大並顯示提示資訊框
//該配置物件直接在option下配置
highlighter: ,
// logaxisrenderer(指數渲染器)
// 該渲染器只有兩個屬性， 指數渲染器通過axesdefaults和axes配置物件進行配置
axesdefaults: ,
// pierenderer(設定餅狀圖的option物件)
// 餅狀圖通過seriesdefaults和series配置物件進行配置
seriesdefaults:
},
//pointlabels(資料點標籤)
//用於在資料點所在位置顯示相關資訊（非提示框性質）
seriesdefaults:
} // trendline（趨勢線）
// 餅狀圖通過seriesdefaults和series配置物件進行配置
seriesdefaults:
} }
相關渲染器介紹
1.dateaxisrenderer
相關引用包：
第二步，增加乙個圖表展示區域的容器
第三步，獲取資料
line1 = [['frogs', 3], ['buzzards', 7], ['deer', 2.5], ['turkeys', 6], ['moles', 5], ['ground hogs', 4]];
第四步，配置option物件，並建立圖表
$.jqplot('chart', [line1], },
legend:
});完整的**如下：
">
jQuery 外掛程式學習
總結 1.fn.pluginname function opt 就是為jquery的prototype定義了函式,這樣,任何乙個jquery物件都可以使用這個成員函式,這種寫法直觀明了,你只要知道的就是 fn jquery.prototype prototype 2.fn.extend,在jquer...
Jquery外掛程式學習
前端開發也工作了一段時間，jquery 頁寫了很多，但是都是些的很零散的，不是很好用，網上看了很多人寫的jquery 很好用，而且到每個專案中都可以使用，本人就感覺很好奇他們是怎麼做到的呢，於是自己也開始想學習封裝一下，才用了jquery外掛程式的學習，在學習jquery的開發時候網上也看過了很多人...
jQuery外掛程式之 瀑布流外掛程式
jquery.wookmark.js 乙個實現瀑布流 自適應寬度布局的jquery 外掛程式 jquery.wookmark.js wookmark 使用非常簡單到只需要一句 就能實現，除此之外，當頁面寬度發生變化的時候，它還能自適應頁面寬度，非常有誠意。外掛程式 瀑布流 布局 隨著pinteres...