Chart.js 是一款基于HTML5的JavaScript圖表庫，它可以通過Canvas元素來繪制各種類型的圖表。Chart.js 支持使用 JSON 數據格式來繪制圖表，這使得開發者可以更加輕松地創建復雜的圖表。

使用 JSON 格式來繪制圖表的步驟非常簡單。首先，需要準備好一個 JSON 數據源。數據源中可以包含多個數據集和標簽。下面是一個簡單的JSON數據源示例：

{
"labels": ["January", "February", "March", "April", "May", "June", "July"],
"datasets": [
{
"label": "My First Dataset",
"fillColor": "rgba(220,220,220,0.2)",
"strokeColor": "rgba(220,220,220,1)",
"pointColor": "rgba(220,220,220,1)",
"pointStrokeColor": "#fff",
"pointHighlightFill": "#fff",
"pointHighlightStroke": "rgba(220,220,220,1)",
"data": [65, 59, 80, 81, 56, 55, 40]
},
{
"label": "My Second Dataset",
"fillColor": "rgba(151,187,205,0.2)",
"strokeColor": "rgba(151,187,205,1)",
"pointColor": "rgba(151,187,205,1)",
"pointStrokeColor": "#fff",
"pointHighlightFill": "#fff",
"pointHighlightStroke": "rgba(151,187,205,1)",
"data": [28, 48, 40, 19, 86, 27, 90]
}
]
}

接下來，我們需要在HTML文件中創建Canvas元素，并使用JavaScript來獲取該元素的上下文。然后，我們可以通過調用Chart.js提供的API來繪制圖表。下面是一個簡單的示例代碼：

在上面的代碼中，我們首先獲取了Canvas元素的上下文。接著，我們使用JSON.parse()方法將上面的數據源解析為JavaScript對象。最后，我們創建了一個新的Chart對象，并將其傳遞給了Canvas元素的上下文對象進行繪制。

總的來說，Chart.js 的 JSON繪圖功能簡單易用，開發者可以根據需要來繪制各種類型的圖表。