Highcharts 是一個開源的 JavaScript 圖表庫，可用于在 web 上創建漂亮且交互式的圖表。在 Highcharts 中，我們可以使用各種數據源來呈現圖表，其中包括 MySQL 數據庫。Highcharts 官方提供了一個叫做 Highcharts PHP 的庫，可以輕松地將 MySQL 數據導入到 Highcharts 中。

首先，讓我們來看一下如何安裝 Highcharts PHP：

composer require mil/scanner

在安裝完 Highcharts PHP 之后，我們需要創建一個 PHP 文件并將數據庫連接信息寫入其中，在這個文件中，我們還可以進行查詢操作來獲取要用于圖表繪制的數據。下面是一個基本的 PHP 文件示例：

<?php
$con=mysqli_connect("localhost","my_user","my_password","my_db");
// 檢查是否連接成功
if (mysqli_connect_errno())
{
echo "連接失敗: " . mysqli_connect_error();
}
// 執行查詢
$result=mysqli_query($con,"SELECT * FROM my_table");
// 關閉連接
mysqli_close($con);
?>

在獲取了需要用于繪制圖表的數據之后，我們可以使用 Highcharts 的 JavaScript 代碼來創建一個交互式的圖表。下面是一個簡單的示例：

var chart = Highcharts.chart('container', {
chart: {
type: 'line'
},
title: {
text: 'MySQL 數據庫中的數據'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
},
yAxis: {
title: {
text: '數量'
}
},
series: [{
name: '數據',
data: [1, 2, 3, 4, 5, 6]
}]
});

上面的代碼段展示了如何將數據和圖表結合起來。在實際應用中，我們可以根據需要調整圖表的類型、標題、軸、系列等選項，以構建更加適合我們的圖表。

在使用 Highcharts 繪制 MySQL 數據庫中的數據時，我們需要通過 PHP 腳本獲取數據并將其導出到 JavaScript 代碼中，這樣我們就可以在前端頁面上使用 Highcharts 來呈現這些數據了。