javascript – 更改Chart.js工具提示插入位置

我使用 Chart.js 2.5创建了一个圆环图.我遇到的问题是工具提示.当我将鼠标悬停在图表上时,会显示工具提示,其中插入符号始终位于左侧或右侧,如下所示：

我想改变插入位置,使其始终显示在底部.那可能吗？

这是我的图表代码

var myChart = new Chart(ctx,{
    type: 'doughnut',data: {
        labels: ['Jan','Feb','Mar'],datasets: [{
            label: 'dataset',data: [30,50,20],backgroundColor: [
            'rgb(153,102,255)','rgb(255,205,86)','rgb(54,162,235)'
            ],}],}
})

解决方法

您可以将yAlign属性设置为图表选项中工具提示的底部,以便始终在底部位置显示工具提示的插入符号…

options: {
    tooltips: {
        yAlign: 'bottom'
    }
}

ᴅᴇᴍᴏ

var ctx = document.getElementById("chart").getContext("2d");
var myChart = new Chart(ctx,backgroundColor: ['rgb(153,235)']
        }]
    },options: {
        responsive: false,tooltips: {
            yAlign: 'bottom'
        }
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<canvas id="chart" height="180"></canvas>