Charts 谷歌图表-在y轴值上应用边距

我想做的是增加y轴值和图表中相应条形图之间的边距

因此，如果我在图表中有一个Y轴上的值为“Python”的条形图，我想增加字符串“Python”和可视条形图之间的空间

现在：

蟒蛇__========================================================

我的目标：

蟒蛇___________=========================================================

___表示y轴标签和可视栏之间的空间

我试图在图表的选项部分使用chartArea{right:200}和textPosition:out

    var options = {

        chartArea:{right: 200},


        'vAxis': {
            title:'',
            textStyle : {
                fontSize: 25 
            },
            textPosition: 'out'


        },




function drawChart() {
var data = google.visualization.arrayToDataTable([
['Coding-Skills', 'Skill-Level'],

['C', {v: 0.3, f:'low'}],
['Python', {v: 1, f:'medium'}],
['Javascript', {v: 1.5, f:'medium'}],
['HTML/CSS', {v: 1.5, f:'medium'} ]
]);

    var options = {

        chartArea: {
            left: 1400
        },
        'hAxis': {
            gridlines:{
            count: 0},

            textStyle : {
                fontSize: 25 
            }
        },

        'vAxis': {
            title:'',
            textStyle : {
                fontSize: 25 
            }

        },
      chart: {
      },
      bars: 'horizontal', 

    axes: {

        x: {
          0: { side: 'bottom', label: 'Years of experience'} ,
          textStyle : {
        fontSize: 35
    }

        }
      }
    };
    var chart = new google.charts.Bar(document.getElementById('barchart_material'));
    chart.draw(data, google.charts.Bar.convertOptions(options));
  }

---

标签页边距没有选项，
但您可以在图表的

'ready'

事件中手动移动它们

找到标签并更改

'x'

属性

请参阅以下工作片段，
这里，使用

图表区
选项来确保有足够的空间


google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=google.visualization.arrayToDataTable([
[‘语言’、‘技能水平’]，
[C'，20]，
['Python'，35]，
['Javascript'，50]
]);
var container=document.getElementById（'chart_div'）；
var chart=新的google.visualization.BarChart（容器）；
google.visualization.events.addListener（图表'ready'，函数（）{
var labels=container.getElementsByTagName（'text'）；
Array.prototype.forEach.call（标签，函数（标签）{
//移动轴标签
if（label.getAttribute（'text-anchor'）=='end'）{
var xCoord=parseFloat（label.getAttribute（'x'））；
label.setAttribute（'x'，xCoord-20）；
}
});
});
变量选项={
图表区：{
左:100,，
右：200
},
颜色：['#aaaaa']，
哈克斯：{
baselineColor:'透明'，
网格线：{
计数：0
},
文本样式：{
颜色：“#AAAAA”
}
},
身高：400，
图例：{
文本样式：{
颜色：“#AAAAA”
}
},
言辞：{
文本样式：{
颜色：“#AAAAA”
}
}
};
图表绘制（数据、选项）；
});
快速添加到现有答案：

$('.transactionValuationChart text').each(function(){
    if( $(this).attr('text-anchor') == 'middle' ){
        $(this).attr('y', parseFloat($(this).attr('y')) + 20 );
    }else{
        $(this).attr('x', parseFloat($(this).attr('x')) - 20 );
        console.log("left");
    }
 });

这是一个jQuery示例，它在x轴和y轴上都添加了20px的间距
您可以更新您的问题，以包含更多关于您想要的内容的详细信息吗？如果相关的话，到目前为止你已经尝试了什么？