JavaScript免費圖表是一種在網頁上顯示數據的方法。這種方法是通過JavaScript編寫的代碼將數據轉換為圖表。使用JavaScript圖表可以為網站增加美觀性，并且可以讓數據更易于理解。

目前JavaScript免費圖表有許多種。其中最常用的是Chart.js和Highcharts。Chart.js是一個開源的JavaScript圖表庫，它可以用于創建簡單直觀的圖表。Highcharts是一個非常強大的基于JavaScript的圖表庫，可以創建多種類型的圖表，包括常見的折線圖、柱狀圖、餅圖、散布圖等等。

//示例代碼
var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightFill: "rgba(220,220,220,0.75)",
highlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: "My Second dataset",
fillColor: "rgba(151,187,205,0.5)",
strokeColor: "rgba(151,187,205,0.8)",
highlightFill: "rgba(151,187,205,0.75)",
highlightStroke: "rgba(151,187,205,1)",
data: [28, 48, 40, 19, 86, 27, 90]
}
]
};
var ctx = document.getElementById("myChart").getContext("2d");
var myChart = new Chart(ctx).Bar(data);

如上示例所示，Chart.js的使用非常簡單，只需要定義數據，創建canvas元素并獲取其上下文，最后使用Chart對象來生成圖表即可。相比之下，Highcharts的選項更多，使用也會更加復雜。

當然，如果對于JavaScript不是特別熟悉的開發者，也可以使用一些網站提供的在線工具來創建圖表。其中比較有名的是Google的Charts和Plotly。Google Charts可以創建各種類型的圖表，包括動態圖表和地圖。Plotly則提供了更加高級的交互式圖表，可以支持在圖表中添加注釋、滑塊、下拉菜單等等。

//示例代碼
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2013', 1000, 400],
['2014', 1170, 460],
['2015', 660, 1120],
['2016', 1030, 540]
]);
var options = {
title: 'Company Performance',
curveType: 'function',
legend: { position: 'bottom' }
};
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}

如上示例所示，Google Charts的使用也非常簡單，只需要定義數據以及一些選項，最后使用Google.visualization對象來生成圖表即可。Plotly的使用同樣也很簡單，只需要定義數據以及一些更加高級的選項就可以了。

總之，JavaScript免費圖表是一種非常實用的工具，可以為網站提供美觀的數據展示效果。無論是使用開源的圖表庫還是在線工具，都可以非常方便地創建自己需要的圖表。