jQuery Chartat 是一種基于 jQuery 的免費圖表插件，可用于生成各種類型的圖表，包括折線圖、柱狀圖、餅圖等。通過使用 jQuery Chartat 插件，您可以輕松地在網站上添加交互式和動態視覺效果。
使用 jQuery Chartat 插件非常簡單。首先，您需要引入必要的 CSS 和 JavaScript 文件。然后，您可以使用 jQuery 選擇器選擇要在其上繪制圖表的 HTML 元素。最后，您可以調用 jQuery Chartat 提供的 API 來創建圖表。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Chartat Example</title>
<link rel="stylesheet" href="chartat.css" type="text/css">
<script src="jquery.min.js"></script>
<script src="chartat.min.js"></script>
</head>
<body>
<div id="chart"></div>
<script>
$(document).ready(function(){
var data = [
{"x": "Jan", "y": 25},
{"x": "Feb", "y": 30},
{"x": "Mar", "y": 35},
{"x": "Apr", "y": 40},
{"x": "May", "y": 45},
{"x": "Jun", "y": 50},
{"x": "Jul", "y": 55},
{"x": "Aug", "y": 60},
{"x": "Sep", "y": 65},
{"x": "Oct", "y": 70},
{"x": "Nov", "y": 75},
{"x": "Dec", "y": 80}
];
$("#chart").chartat({"type": "line", "data": data});
});
</script>
</body>
</html>上面的代碼演示了如何使用 jQuery Chartat 插件繪制一條折線圖。數據由一個包含月份和銷售額的 JSON 數組傳遞給插件。該數組定義了所有的數據點。
有了 jQuery Chartat 插件，您可以在網站上創建專業的圖表，向用戶提供更好的數據可視化體驗。