如何在 bar chart.js 中将标签更改为图像(图标) [英] How to change the labels to the image (icon) in bar chart.js

问题描述

请帮帮我.如何将标签更改为 bar chart.js 中的图像(图标)?我的意思是，从这里改变

Help me, please. How to change the labels to the image (icon) in bar chart.js ? I mean, change from this change labels: "LifeWall_files/logo.png","Bodily Functions","Sleep"

to this bottom icons

解决方案

The easiest way to do this would be to get a font that includes these icons and then set the font family for the ticks

  ...
  options: {
    scales: {
      xAxes: [{
        ticks: {
          fontFamily: 'FontAwesome'
        }
      }]
    }
  }
};

and then specify the appropriate character codes in your labels

labels: ["uf24e", "uf1b9", "uf242", "uf0fc", "uf236"],

---

With the FontAwesome CSS, the above would give you

这篇关于如何在 bar chart.js 中将标签更改为图像(图标)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！