Google visualization 条形图[谷歌图表]的vAxis:{slidedText:true}可能吗?

Google visualization 条形图[谷歌图表]的vAxis:{slidedText:true}可能吗?,google-visualization,Google Visualization,我可以为柱状图制作hAxis:{slidedtext:true}但是它也适用于条形图的vAxis吗 柱状图: 条形图: (不要介意数据,这只是一个示例)如设置vAxis.slidedText:true所示是不够的。我不知道为什么,就我(有限的)所知,我不知道有什么简单的方法可以做到这一点 根据您的需要,您可以将此原始代码添加到drawChart函数的末尾,以实现vAxis标签的类似旋转(): //旋转vAxis标签。 变量数组=$('g'); 对于(var i=0;i0){ text.attr

我可以为柱状图制作
hAxis:{slidedtext:true}

但是它也适用于条形图的vAxis吗

柱状图: 条形图:

(不要介意数据,这只是一个示例)

如设置
vAxis.slidedText:true
所示是不够的。我不知道为什么,就我(有限的)所知,我不知道有什么简单的方法可以做到这一点

根据您的需要,您可以将此原始代码添加到
drawChart
函数的末尾,以实现vAxis标签的类似旋转():

//旋转vAxis标签。
变量数组=$('g');
对于(var i=0;i0){
text.attr(“转换”,
“旋转(-30”+$(文本[0]).attr('x')+”“+$(文本[0]).attr('y')+”);
}
}
希望有人能想出一个更平滑的方法来实现这一点。

如设置
vAxis.slidedtext:true
所示是不够的。我不知道为什么,就我(有限的)所知,我不知道有什么简单的方法可以做到这一点

根据您的需要,您可以将此原始代码添加到
drawChart
函数的末尾,以实现vAxis标签的类似旋转():

//旋转vAxis标签。
变量数组=$('g');
对于(var i=0;i0){
text.attr(“转换”,
“旋转(-30”+$(文本[0]).attr('x')+”“+$(文本[0]).attr('y')+”);
}
}

希望有人能想出一个更平滑的方法来实现这一点。

这是可行的——你只是看错了轴(请参见条形图上的数字)。您需要将
vAxis.slangedText
与条形图一起使用。如果您查看设置
slangedText
vAxis
不起作用。它起作用了-您只是看错了轴(请参阅条形图上的数字)。您需要将
vAxis.slangedText
与条形图一起使用。如果您查看设置
slangedText
不会对
vAxis
执行此操作。但是如果我只想将其应用于一个特定的图表,该怎么办?应该使用更特定的选择器<代码>变量数组=$(“#图g”),比如。但是如果我只想将它应用于一个特定的图表呢?应该使用更特定的选择器<代码>变量数组=$(“#图g”),比如。
// Rotate vAxis labels.
var array = $('g');
for(var i = 0; i < array.length; i++) {
    var logicalname = array[i].logicalname;
    var text = $(array[i].children[0]);    
    if(logicalname != null &&
       logicalname.indexOf("vAxis") == 0 &&
       logicalname.indexOf("label") > 0) {

        text.attr("transform", 
                  "rotate(-30 "+$(text[0]).attr('x')+" "+$(text[0]).attr('y')+")");

    }
}