javascript - 使用 Chartist.js 在条形图中显示条形内的文本

Question

因此，我尝试使用 Chartist.js 图表在条形图的实际条形内显示一些文本。最终结果应如下所示：

我需要设置哪个属性才能获取条内的文本？

Answer 1

我会使用chartist-bar-labels它应该提供您正在寻找的内容，您可以使用它添加以下代码：

Chartist.plugins.ctBarLabels({
      position: {
        x: function (data) {
          return data.x1 + 50
        }
      },
      labelOffset: {
        y: 7
      },
      labelInterpolationFnc: function (text) { //<--- this adds text to your bards
        return text + '%' 
      }
    })