棒グラフ内のテキストを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 + '%' 
     } 
    })