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

时间:2017-02-20 15:39:01

标签: javascript jquery chartist.js

所以,我正在尝试使用Chartist.js图表​​在条形图的实际条形图中显示一些文本。最终结果应如下所示:

enter image description here

为了获取栏内的文字,我需要设置哪个属性?

1 个答案:

答案 0 :(得分: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 + '%' 
      }
    })