曲线图

Chart.js 曲线图的图例可以通过 legend 选项进行配置，包括显示位置、标签等。

要生成实时曲线图，你可以使用 Chart.js 库。在 HTML 中创建一个 ` 元素，然后通过 JavaScript 初始化图表并定期更新数据以实现实时效果。以下是一个简单的示例代码：，，`html，，，，，Real-Time Line Chart with Chart.js，，，，，， var ctx = document.getElementById(‘myChart’).getContext(‘2d’);， var chart = new Chart(ctx, {， type: ‘line’,， data: {， labels: [], // Time labels， datasets: [{， label: ‘Real-time Data’,， data: [], // Data array， borderColor: ‘rgba(75, 192, 192, 1)’,， borderWidth: 1,， fill: false， }]， },， options: {， scales: {， x: {， type: ‘linear’,， realtime: true,， ticks: {， callback: function(value, index, values) {， return new Date(value * 1000).toLocaleTimeString();， }， }， },， y: {， beginAtZero: true， }， }， }， });，， setInterval(function() {， var now = Date.now();， chart.data.labels.push(now);， chart.data.datasets.forEach((dataset) =˃ {， dataset.data.push(Math.random() * 100); // Replace with real data， });， chart.update();， }, 1000); // Update every second，，，，“，这段代码会在页面上显示一个实时更新的折线图，每秒生成一个新的随机数据点并添加到图表中。你可以根据需要替换随机数据为你的实际数据源。