jQuery Chart.js是一個(gè)基于HTML5的JavaScript庫(kù)，可以顯示各種圖表和圖形。它基于HTML5 Canvas標(biāo)簽，能夠快速輕松地繪制各種漂亮的圖表和圖形。

// 這是一個(gè)簡(jiǎn)單的使用jQuery Chart.js的例子。
var chartData = {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255,99,132,1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
};
var chartOptions = {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
};
var ctx = $("#myChart");
var myChart = new Chart(ctx, {
type: 'bar',
data: chartData,
options: chartOptions
});

如上所示，使用jQuery Chart.js來創(chuàng)建一個(gè)柱形圖非常簡(jiǎn)單。首先，創(chuàng)建一個(gè)圖表數(shù)據(jù)，該數(shù)據(jù)包括圖表的標(biāo)簽、數(shù)據(jù)、背景顏色等屬性。然后，創(chuàng)建一個(gè)圖表選項(xiàng)對(duì)象，可以配置圖表的各種選項(xiàng)，例如比例尺、網(wǎng)格線等。最后，通過實(shí)例化Chart對(duì)象，將上述兩個(gè)對(duì)象傳遞給它，即可快速創(chuàng)建一個(gè)漂亮的圖表。