元素：

<div id="chart"></div>

然后，我們需要在JS中為圖表生成必要的數(shù)據(jù)。這個(gè)例子中，我們使數(shù)據(jù)值隨機(jī)產(chǎn)生：

let data = [];
for (let i = 0; i< 10; i++) {
data.push(Math.floor(Math.random() * 100));
}

接下來，我們可以使用任何圖表庫，比如Chart.js、Highcharts、D3等等，這個(gè)例子中我們使用Chart.js。 我們需要在HTML中插入Chart.js庫的鏈接：

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

然后我們可以在JS中使用以下代碼來生成柱狀圖：

let ctx = document.getElementById('chart').getContext('2d');
let chart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
datasets: [{
label: 'Random Data',
backgroundColor: 'blue',
borderColor: 'black',
borderWidth: 1,
data: data
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});

上述代碼中，我們首先通過document.getElementById方法獲取到HTML中的圖表容器，然后將其傳入Chart構(gòu)造函數(shù)。在構(gòu)造函數(shù)中，我們指定了圖表的類型（bar）、數(shù)據(jù)部分的標(biāo)簽、數(shù)據(jù)集屬性，以及圖表的選項(xiàng)，比如是否從0開始等等。 最后，我們可以在瀏覽器中查看我們生成的圖表了。由于數(shù)據(jù)是隨機(jī)生成的，每次加載網(wǎng)頁時(shí)都會(huì)生成一個(gè)不同的圖表。 以上就是HTML JS統(tǒng)計(jì)圖代碼的簡(jiǎn)單示例。通過以上代碼，您可以進(jìn)一步學(xué)習(xí)如何在網(wǎng)頁中使用圖表來展示數(shù)據(jù)。