2016-12-27 6 views
0

Я пытаюсь использовать диаграммы Google, чтобы представить свои уровни навыков в стиле диаграммы столбцов. Однако я не могу понять, как добавить текст к оси y. То, что я пытаюсь достичь, - это навыки вдоль оси х и уровни по оси у, такие как новичок, средний, продвинутый и опытный.Как добавить текст в диаграмму столбцов диаграммы google диаграммы?

Мой код:

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

ответ

0

Использование vAxis.ticks с отформатированных значением. Проверьте этот пример жизни: 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'} 
    ] 
} 

 Смежные вопросы

  • Нет связанных вопросов^_^