使用 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 + '%' 
      }
    })