寻求帮助：如何在图表上永久显示数据标签并与其位置一致-PHP中文网问答

我想在图表上永久显示这些数据标签，以便它们始终可见，而不仅仅在鼠标悬停时可见。有人可以帮我吗？[这是一个示例，类似于这个]我也放下了我的代码。 (https://i.stack.imgur.com/TY8X1.png)

<!DOCTYPE html> <html lang="en"> 
<head> 
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>饼图示例</title> 
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> 
</head> 
<body> 
<div style="position: relative;"> 
<canvas id="pieChart" width="400" height="400"></canvas> 
</div>

<script> 
// 获取canvas元素
var canvas = document.getElementById('pieChart');
// 创建饼图
var pieChart = new Chart(canvas, {
  type: 'pie',
  data: {
    labels: ['在线', '离线'],
    datasets: [{
      data: [8, 2],
      backgroundColor: ['rgba(71, 190, 125, 1)', 'rgba(241, 65, 108, 1)'],
      borderWidth: 0
    }]
  },
  options: {
    responsive: true,
    maintainAspectRatio: false,
    plugins: {
      legend: {
        display: false
      },
      datalabels: {
        color: '#fff',
        anchor: 'end', // 数据标签的位置（start, center, end）
        align: 'end', // 文本对齐方式（start, center, end）
        offset: 10,   // 标签与图表的偏移量
        formatter: (value, ctx) => {
          let label = ctx.chart.data.labels[ctx.dataIndex];
          return label + ': ' + value + '%';
        }
      }
    }
  }
});
</script>   
</body>   
</html>