2017-09-14 88 views
2

chartJSのラベルの一部を太字にしたいとします。私はドキュメンテーションを見てきましたが、何らかの方法で見つけることはできません。可能であれば、私を助けてくれる人がいることを願っています。 :)以下は私がそれが働く方法の写真です。 (そのフォトショップで行われた)Chart.js:ラベルの太字部分を太くする

Horizontal bar image description

だから私はとの違いので、「バー合計」、「バー1」、「バー2」、「バー3」を作りたいと、「バー4」太字時間はより明確です。 ChartJSバージョン2.3.0を使用して

labels: [["bar total", "150 hour"], ["bar 1", "70 hour"], ["bar 2", "30 hour"], ["bar 3", "40 hour"], ["bar 4", "10 hour"]], 

はIAM:

ラベルは、このように私のコードで設定されています。

アイデア? http://www.chartjs.org/docs/latest/general/fonts.html

+0

可能な[Chart js。 "labels"配列のフォントスタイルを変更するには?](https://stackoverflow.com/questions/42315589/chart-js-how-to-change-font-styles-for-labels-array) – Deja

+0

これは違う。投稿しているリンクでは、すべてのラベルを太字にするための質問です。私の質問では、バーラベルだけを太字にして時間ラベルではない方法があるかどうかを尋ねています。 – bergJ

答えて

0
Chart.defaults.global.defaultFontColor = 'red'; 
let chart = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
     legend: { 
      labels: { 
       // This more specific font property overrides the global property 
       fontColor: 'black' 
      } 
     } 
    } 
}); 

あなたは[http://www.chartjs.org/docs/latest/general/fonts.html][1]

[1]で見つけることができます。それがあなたに役立つことを願っています。

+0

入力してくれてありがとうございますが、これはIamが探しているものではありません。私は私の質問を編集して、私が望むものの例でそれをより明確にしました。 – bergJ

0

私はchartJSとあまり慣れていないんだけど、私はあなたが以下を追加できると信じています:

Chart.defaults.global.defaultFontStyle = 'Bold' 

OR

options: { 
    scale: { 
     pointLabels :{ 
      fontStyle: "bold", 
     } 
    } 
} 

参考文献: 1)Chart js. How to change font styles for "labels" array?

・ホープ、この助けて!

ジョエル

+0

入力していただきありがとうございますが、これはIamが探しているものではありません。私は私の質問を編集して、私が望むものの例でそれをより明確にしました。 – bergJ

関連する問題