Jquery 是一款非常流行的基于 JavaScript 的開源 JS 庫，它簡化了 HTML 和 JS 之間的操作，并提供了很多強大的功能。其中包括了高度可定制化的圖表功能，如餅狀圖和柱狀圖。

$(function() {
var data = [
{ 
label: "Apple",
value: 10 
},
{ 
label: "Orange", 
value: 5 
},
{ 
label: "Banana", 
value: 3 
},
{ 
label: "Mango", 
value: 2 
}
];
$("#pie-chart").jqplot([data], {
seriesDefaults:{
renderer:$.jqplot.PieRenderer,
rendererOptions: {
sliceMargin: 4,
showDataLabels: true 
}
},
legend:{
show:true,
location:'e'
}
});
});
$(function() {
var data = [
[1, 5],
[2, 6],
[3, 9],
[4, 8],
[5, 7],
[6, 5],
[7, 4],
[8, 6],
[9, 8],
[10, 9]
];
$("#bar-chart").jqplot([data], {
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
pointLabels: { show: true }
},
axes: {
xaxis: {
label: "X Axis",
tickOptions: {
show: false
}
},
yaxis: {
label: "Y Axis"
}
}
});
});

以上代碼展示的是如何使用 Jquery-jqplot 插件制作餅狀圖和柱狀圖。使用 jqplot 插件可以輕松制作出復雜的數據可視化效果，一個典型的 jqplot 目錄包括 jqplot.css, jqplot.js, excanvas.js, pluggins 目錄和 images 目錄。其中 jqplot.css 定義了圖標樣式，可視化效果風格；jqplot.js 是 jqplot 插件的核心文件，提供了各種圖表類型和方法函數。