Chart.jsのツールチップ整列v2

Question

ドーナツチャートのツールチップのテキストを整列する際に問題があります。 それはそのようなツールチップの下に立ち往生し続け：

私はそれが垂直方向に整列したいと思います。

function PercentageTooltip(tooltipItem, data) { 
    let index = tooltipItem.index; 

    return data.labels[index] + ' : ' + data.datasets[0].data[index].toFixed(0) + '%'; 
} 

new Chart(ctx, { 
    type: 'doughnut', 
    data: { 
     labels: ['Homme', 'Femme', 'Inconnu'], 
     datasets: [{ 
      data: [sexs.male, sexs.female, sexs.unknown], 
      backgroundColor: ['#87c2d6', '#f86e7a', '#dddddd'], 
      hoverBackgroundColor: ['#b7ced6', '#f89099', '#eeeeee'] 
     }] 
    }, 
    options: { 
     tooltips: { 
      callbacks: { 
       label: PercentageTooltip 
      } 
     } 
    } 
}); 

そして最後に、私はグローバルオプションChart.defaults.global.tooltips.{bodySpacing,xPadding}でプレイしようとしたが、Iました：ここ

は私が

Chart.defaults.global.legend.display = false; 
Chart.defaults.global.defaultFontFamily = '\'Titillium Web\', \'Helvetica\', \'Arial\', \'sans-serif\''; 
Chart.defaults.global.defaultFontStyle = 'bold'; 
Chart.defaults.global.defaultFontSize = 14; 
Chart.defaults.global.responsive = true; 
Chart.defaults.global.maintainAspectRatio = false; 
Chart.defaults.global.tooltips.backgroundColor = '#181818'; 
Chart.defaults.global.tooltips.bodySpacing = 30; 

そして、私はチャートを生成するために使用されるコードを使用するデフォルトのオプションです期待される結果を得ることができません。

ありがとうございました！

私はこれを使用しています：

Answer 1

は、私はあなたがここに見ることができるように、それはクロム54の私の問題を解決していなかったとして、あなたの答えを更新しましたあなたの@Tektiv、

ありがとうございましたオプション：このフッターコールバックとともに

Chart.defaults.global.tooltips.footerFontSize = 0; 

：

（これは非常にハックですが）

はここjsFiddleだし、結果は私のために正しいです：

乾杯！