これらのデータ ラベルをグラフ上に永続的に表示して、マウスオーバー時だけでなく常に表示されるようにしたいと考えています。誰か助けてくれませんか？ [これに似た例を示します] コードも書き留めておきます。 (https://i.stack.imgur.com/TY8X1.png)

 
      <頭>
          <スクリプト src="https://cdn.jsdelivr.net/npm/chart.js"> 

       <本体>
        
  
 <スクリプト> // キャンバス要素を取得します var Canvas = document.getElementById('pieChart'); //円グラフを作成する var pieChart = 新しいチャート(キャンバス, { タイプ: 'パイ'、 データ： { ラベル: ['オンライン'、'オフライン']、 データセット: [{ データ: [8, 2], 背景色: ['rgba(71, 190, 125, 1)', 'rgba(241, 65, 108, 1)'], 境界線の幅: 0 }] }、 オプション: { 応答性: true、 mainAspectRatio: false、 プラグイン: { 伝説： { 表示: 偽 }、 データラベル: { 色: '#fff'、 アンカー: 'end', // データラベルの位置 (開始、中心、終了) align: 'end', // テキストの配置 (開始、中央、終了) offset: 10, // ラベルとチャートの間のオフセット フォーマッタ: (値, ctx) => { let label = ctx.chart.data.labels[ctx.dataIndex]; ラベル ': ' 値 '%' を返します。 } } } } });