Wie füge ich Text zur Google Diagramm Diagrammachse hinzu?

Question

Ich versuche, Google-Diagramme zu verwenden, um meine Fähigkeitsniveaus im Säulendiagrammstil darzustellen. Ich kann jedoch nicht herausfinden, wie ich Text zu meiner Y-Achse hinzufügen kann. Was ich versuche zu erreichen, sind die Fähigkeiten entlang der X-Achse und Ebenen auf der Y-Achse wie Anfänger, Fortgeschrittene, Fortgeschrittene und Experten.

Mein Code:

google.load("visualization", "1", {packages:["corechart"]}); 
function drawData(){ 

var data = google.visualization.arrayToDataTable([ 

     ['Skill','Skill Level', { role: 'style' }], 
     ['Graphic Design', 8.94, 'blue'],    
     ['Branding', 21.45, 'red' ], 
     ['Photoshop CC', 21.45, 'green' ], 
     ['Illustrator CC', 200, 'yellow' ], 
    ]); 
var options = { 
    legend: {position: 'none'}, 
}; 
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
chart.draw(data, options); 
} 
google.setOnLoadCallback(drawData); 

Answer 1

Verwenden vAxis.ticks mit einem formatierten Wert. Schau Dir dieses Beispiel an: https://jsfiddle.net/Balrog30/009nk1fp/

options.vAxis = { 
    ticks: [ 
    {v: 0, f: 'Nap Time'}, 
    {v: 2.5, f: 'Bored'}, 
    {v: 5, f: 'Productive'}, 
    {v: 7.5, f: 'Excited'}, 
    {v:10, f: 'Caffeine Overload'} 
    ] 
}