Chart.js: Machen Sie einen Teil der Etiketten fett

Question

Ich möchte einen Teil der Etiketten in ChartJS fett machen. Ich habe in der Dokumentation nachgesehen, aber ich kann es nicht finden. Ich hoffe, es gibt jemanden, der mir helfen kann, wenn es überhaupt möglich ist. :) Unten ist ein Bild davon, wie ich will, dass es funktioniert. (Sein in photoshop gemacht)

Deshalb mag ich die "Bar total" machen, "bar 1", "bar 2", "bar 3" und "bar 4" fett, so dass die Differenz mit Die Stunden sind klarer.

Die Etiketten werden in meinem Code wie folgt festgelegt:

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

Iam ChartJS Version 2.3.0 verwenden.

Irgendwelche Ideen?

Answer 1

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' 
      } 
     } 
    } 
}); 

können Sie in finden [http://www.chartjs.org/docs/latest/general/fonts.html][1]

[1]: http://www.chartjs.org/docs/latest/general/fonts.html. Ich hoffe, es wird dir helfen.

Answer 2

Ich bin nicht allzu vertraut mit chartJS aber ich glaube, dass Sie die folgenden hinzufügen:

Chart.defaults.global.defaultFontStyle = 'Bold' 

ODER

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

Referenzen: 1) Chart js. How to change font styles for "labels" array?

Hope Diese hilft!

Joel