Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何向google图表列图表轴添加文本?_Javascript_Google Visualization - Fatal编程技术网

Javascript 如何向google图表列图表轴添加文本?

Javascript 如何向google图表列图表轴添加文本?,javascript,google-visualization,Javascript,Google Visualization,我正在尝试使用谷歌图表以柱状图的形式来表示我的技能水平。但是,我不知道如何将文本添加到y轴。我想要达到的是x轴上的技能和y轴上的水平,如初学者、中级、高级和专家 我的代码: google.load("visualization", "1", {packages:["corechart"]}); function drawData(){ var data = google.visualization.arrayToDataTable([ ['Skill','Skill Leve

我正在尝试使用谷歌图表以柱状图的形式来表示我的技能水平。但是,我不知道如何将文本添加到y轴。我想要达到的是x轴上的技能和y轴上的水平,如初学者、中级、高级和专家

我的代码:

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

将vAxis.ticks与格式化值一起使用。看看这个生活例子:

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'}
  ]
}