在我的 MVC 项目中,我使用 Chart.js (v2.8.0) 构建一个包含 3 个数据集的堆叠条形图。
我需要为每个数据集显示自定义工具提示,这些提示始终在条形内可见。(参见下图。)我很难理解如何实现始终可见的自定义工具提示。
这是我当前的图表 js 代码:
var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
type: 'bar',
data: {
labels: labelArray,
datasets: [{
label: 'Green %',
data: greenData,
backgroundColor: 'rgb(0,166,149)',
borderColor: 'rgb(0,166,149)',
borderWidth: 1,
},
{
label: 'Orange %',
data: orangeData,
backgroundColor: 'rgb(229,117,31)',
borderColor: 'rgb(229,117,31)',
borderWidth: 1,
},
{
label: 'Grey %',
data: greyData,
backgroundColor: 'rgb(179,179,179)',
borderColor: 'rgb(179,179,179)',
borderWidth: 1,
}]
},
options: {
scales: {
xAxes: [{
stacked: true,
}],
yAxes: [{ …Run Code Online (Sandbox Code Playgroud)