小编Mar*_*our的帖子

Chart.js:显示自定义工具提示,在堆叠条形图上始终可见

在我的 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)

javascript asp.net-mvc chart.js

2
推荐指数
1
解决办法
6723
查看次数

标签 统计

asp.net-mvc ×1

chart.js ×1

javascript ×1