Chart.js 是一款基于 HTML5 Canvas 的 JavaScript 圖表庫，可以用來繪制線形圖、柱狀圖、餅圖等多種類型的圖表。Chart.js 是開源的，易于使用，同時也支持自定義樣式。

通過 Chart.js，可以方便地將數(shù)據(jù)可視化。獲取數(shù)據(jù)的方式也有多種，其中一種是通過 JSON 格式的數(shù)據(jù)來獲取。以下是使用 Chart.js 獲取 JSON 數(shù)據(jù)的步驟：

// 使用 jQuery 的 Ajax 方法獲取 JSON 數(shù)據(jù)
$.ajax({
url: 'data.json',
dataType: 'json',
success: function(data){
var chartData = {
labels: [],
datasets: [{
data: []
}]
};
// 處理 JSON 數(shù)據(jù)，將其轉(zhuǎn)換為 Chart.js 需要的數(shù)據(jù)格式
for (var i = 0; i< data.length; i++){
chartData.labels.push(data[i].label);
chartData.datasets[0].data.push(data[i].value);
}
// 繪制 Chart.js 圖表
var chart = new Chart(canvas, {
type: 'bar', // 類型為柱狀圖
data: chartData
});
}
});

以上代碼中，首先使用了 jQuery Ajax 方法獲取 JSON 數(shù)據(jù)，dataType 參數(shù)設(shè)置為 json，表示獲取的數(shù)據(jù)為 JSON 格式。

接著，將獲取的 JSON 數(shù)據(jù)處理為 Chart.js 需要的格式。Chart.js 的數(shù)據(jù)格式分為兩個部分：標(biāo)簽（labels）和數(shù)據(jù)集（datasets）。標(biāo)簽用于表示 x 軸各個點的名稱，數(shù)據(jù)集用于表示各個點的值。因此，在處理 JSON 數(shù)據(jù)時需要將 JSON 數(shù)據(jù)中的標(biāo)簽和值分別放入對應(yīng)的數(shù)組中。

最后，通過 Chart.js 的構(gòu)造函數(shù)創(chuàng)建一個 chart 對象，并將畫布（canvas）和處理好的數(shù)據(jù)傳入其中，即可繪制出一張基于 JSON 數(shù)據(jù)的圖表。