我想要做的是增加图表中 y 轴数值和相应条形之间的间距。
所以,如果图表中有一条在 Y 轴上的值为“Python”的条形,我想要增加字符串“Python”和可视化条形之间的空间。
现在:
Python__========================================================
我的目标:
Python___________=========================================================
___ 表示 y 轴标签和可视化条形之间的空格。
我尝试在图表的选项部分使用 chartArea{right:200} 和 textPosition:out。
所以,如果图表中有一条在 Y 轴上的值为“Python”的条形,我想要增加字符串“Python”和可视化条形之间的空间。
现在:
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));
}