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

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

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

3pvhb19x

3pvhb19x1#

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

  1. Chart.register(ChartDataLabels);

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

  1. options: {
  2. ...
  3. plugins: {
  4. datalabels: {
  5. formatter: function(value, context) {
  6. return context.dataset.label;
  7. },
  8. color: function(context) {
  9. return context.dataset.color;
  10. }
  11. }
  12. }
  13. }

一个二个一个一个

展开查看全部

相关问题