Chart.js 3.x如何在Line部分放置标签

30byixjq  于 2023-03-29  发布在  Chart.js
关注(0)|答案(1)|浏览(157)

我在chart.js 3.x中有一个用截面着色的线图(y轴上的类别)(图片中的上线),我想在SECTION的中间添加一个永久可见的文本(数据在左边的点),类似于图片中的底线。有没有办法做到这一点?

3pvhb19x

3pvhb19x1#

根据这条评论,我建议使用外部插件,如Chart Plugin DataLabels。Chart.js 3.x的安装步骤:
1.导入plugin并注册:

Chart.register(ChartDataLabels);

1.在图表选项中添加图表数据标签自定义:

options: {
    ...
    plugins: {
        datalabels: {
            formatter: function(value, context) {
                return context.dataset.label;
            },
            color: function(context) {
                return context.dataset.color;
            }
        }
    }
}

一个二个一个一个

相关问题