首页js画正态分布图代码

js画正态分布图代码

时间: 2023-10-11 09:23:48 浏览: 211

以下是使用 Chart.js 库实现正态分布图的示例代码： ```html <!DOCTYPE html> <html> <head> <title>Normal Distribution Chart</title> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body> <canvas id="chart"></canvas> <script> // Define the data let data = { labels: [], datasets: [{ label: 'Normal Distribution', data: [], borderColor: 'blue', borderWidth: 1, fill: false }] }; // Define the chart options let options = { title: { display: true, text: 'Normal Distribution Chart' }, scales: { xAxes: [{ type: 'linear', position: 'bottom', ticks: { beginAtZero: true } }] } }; // Generate the data for the chart for (let x = -3; x <= 3; x += 0.1) { let y = (1 / (Math.sqrt(2 * Math.PI))) * Math.exp(-(x * x) / 2); data.labels.push(x.toFixed(1)); data.datasets[0].data.push(y.toFixed(4)); } // Create the chart let chart = new Chart(document.getElementById('chart'), { type: 'line', data: data, options: options }); </script> </body> </html> ``` 说明： - 该代码使用 Chart.js 库绘制正态分布图。 - `data` 对象存储图表的数据，其中 `labels` 数组存储 x 轴的标签，`datasets` 数组存储数据集。 - 此示例只包含一个数据集，即正态分布曲线。 - `options` 对象定义了图表的选项，包括标题和刻度等。 - 在 `for` 循环中，计算每个 x 值对应的 y 值，并将其添加到 `data` 对象中。 - 最后，使用 `Chart` 构造函数创建图表。

阅读全文