Javascript 右边的条形图有可能吗?

Javascript 右边的条形图有可能吗?,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我很难把动词移到右边。我尝试过其他例子,但它们不适用于条形图。 我举的例子就是这个,我想把动词放在右边。有可能吗 google.charts.load('current'{ 软件包:['corechart'] }).然后(函数(){ var datatable=new google.visualization.datatable(); addColumn('string','Type'); datatable.addColumn('number','Quantity'); datatable.

我很难把动词移到右边。我尝试过其他例子,但它们不适用于条形图。 我举的例子就是这个,我想把动词放在右边。有可能吗

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var datatable=new google.visualization.datatable();
addColumn('string','Type');
datatable.addColumn('number','Quantity');
datatable.addRows([
[A',2],
[B',4],
[C',6],
[S',4],
[U',2]
]);
var dataview=newgoogle.visualization.dataview(datatable);
setRows([0,2,3,4,1]);
变量选项={
图例:“无”,
hAxis:{方向:-1}
};
var chart=new google.visualization.BarChart(document.getElementById('chart_div'));
绘制图表(数据视图、选项);
});

没有任何选项可将条形图的y轴向右移动

但是,我们可以手动移动图表的
'ready'
事件上的标签(
元素)。
通过更改其
'x'
属性

我们可以使用以下图表方法,
来计算位置

getChartLayoutInterface()
-返回一个对象,其中包含有关图表及其元素在屏幕上放置的信息

getChartAreaBoundingBox()
-返回包含图表内容的左侧、顶部、宽度和高度的对象

请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var datatable=new google.visualization.datatable();
addColumn('string','Type');
datatable.addColumn('number','Quantity');
datatable.addRows([
[A',2],
[B',4],
[C',6],
[S',4],
[U',2]
]);
var dataview=newgoogle.visualization.dataview(datatable);
setRows([0,2,3,4,1]);
变量选项={
图例:“无”,
hAxis:{方向:-1}
};
var chart=new google.visualization.BarChart(document.getElementById('chart_div'));
google.visualization.events.addListener(图表'ready',函数(){
var chartLayout=chart.getChartLayoutInterface();
var chartBounds=chartLayout.getChartAreaBoundingBox();
var labels=chart.getContainer().getElementsByTagName('text');
变量大小;
Array.prototype.forEach.call(标签,函数(标签){
fontSize=parseFloat(label.getAttribute('font-size'));
if(label.getAttribute('text-anchor')=='end'){
label.setAttribute('x',chartBounds.left+chartBounds.width+(fontSize*2));
}
});
});
绘制图表(数据视图、选项);
});

没有任何选项可将条形图的y轴向右移动

但是,我们可以手动移动图表的
'ready'
事件上的标签(
元素)。
通过更改其
'x'
属性

我们可以使用以下图表方法,
来计算位置

getChartLayoutInterface()
-返回一个对象,其中包含有关图表及其元素在屏幕上放置的信息

getChartAreaBoundingBox()
-返回包含图表内容的左侧、顶部、宽度和高度的对象

请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var datatable=new google.visualization.datatable();
addColumn('string','Type');
datatable.addColumn('number','Quantity');
datatable.addRows([
[A',2],
[B',4],
[C',6],
[S',4],
[U',2]
]);
var dataview=newgoogle.visualization.dataview(datatable);
setRows([0,2,3,4,1]);
变量选项={
图例:“无”,
hAxis:{方向:-1}
};
var chart=new google.visualization.BarChart(document.getElementById('chart_div'));
google.visualization.events.addListener(图表'ready',函数(){
var chartLayout=chart.getChartLayoutInterface();
var chartBounds=chartLayout.getChartAreaBoundingBox();
var labels=chart.getContainer().getElementsByTagName('text');
变量大小;
Array.prototype.forEach.call(标签,函数(标签){
fontSize=parseFloat(label.getAttribute('font-size'));
if(label.getAttribute('text-anchor')=='end'){
label.setAttribute('x',chartBounds.left+chartBounds.width+(fontSize*2));
}
});
});
绘制图表(数据视图、选项);
});


谢谢,我希望如此,这是一个示例,我将尝试在我的案例中应用它。谢谢,我希望如此,这是一个示例,我将尝试在我的案例中应用它。