Javascript 旋转整个谷歌图表

我想显示我的图表，但在一个垂直的方式，而不是像下图所示的水平，并隐藏图例，如果可能的话

提前感谢你的帮助

---

您可以使用css实现这一点（并在隐藏图例的选项中添加

图例：{position:'none'}

）

google.charts.load（'current'，{packages:['corechart'，'line']}）；
google.charts.setOnLoadCallback（rubsic）；
函数（SIC）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'X'）；
data.addColumn（'number'，'Dogs'）；
data.addRows([
[0, 0],   [1, 10],  [2, 23],  [3, 17],  [4, 18],  [5, 9],
[6, 11],  [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35],
[12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48],
[18, 52], [19, 54], [20, 42], [21, 55], [22, 56], [23, 57],
[24, 60], [25, 50], [26, 52], [27, 51], [28, 49], [29, 53],
[30, 55], [31, 60], [32, 61], [33, 59], [34, 62], [35, 65],
[36, 62], [37, 58], [38, 55], [39, 61], [40, 64], [41, 65],
[42, 63], [43, 66], [44, 67], [45, 69], [46, 69], [47, 70],
[48, 72], [49, 68], [50, 66],
]);
变量选项={
哈克斯：{
text位置：“无”
},
言辞：{
text位置：“无”
},
图例：{位置：'none'}
};
var chart=new google.visualization.LineChart（document.getElementById（'chart\u div'））
图表绘制（数据、选项）；
}

#图表分区{
转换原点：80%50%；
变换：旋转（-90度）；
}

使用图表选项

orientation: 'vertical'

而且

legend.position: 'none'

请参阅以下工作片段

它还演示了增加

图表区域的大小来填充容器

默认情况下，图表不会执行此操作

chartArea: {
  top: 6,
  right: 6,
  bottom: 6,
  left: 6,
  height: '100%',
  width: '100%'
},



google.charts.load（'current'{
回拨:，
软件包：['corechart']
});
函数（SIC）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'X'）；
data.addColumn（'number'，'Y'）；
data.addRows([
[0, 0],   [1, 10],  [2, 23],  [3, 17],  [4, 18],  [5, 9],
[6, 11],  [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35],
[12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48],
[18, 52], [19, 54], [20, 42], [21, 55], [22, 56], [23, 57],
[24, 60], [25, 50], [26, 52], [27, 51], [28, 49], [29, 53],
[30, 55], [31, 60], [32, 61], [33, 59], [34, 62], [35, 65],
[36, 62], [37, 58], [38, 55], [39, 61], [40, 64], [41, 65],
[42, 63], [43, 66], [44, 67], [45, 69], [46, 69], [47, 70],
[48, 72], [49, 68], [50, 66],
]);
变量选项={
图表区：{
排名：6，
右:6,，
底图：6，
左:6,，
高度：“100%”，
宽度：“100%”
},
哈克斯：{
text位置：“无”
},
身高：800，
图例：{
位置：“无”
},
方向：'垂直'，
言辞：{
text位置：“无”
},
宽度：200
};
var chart0=新的google.visualization.LineChart（document.getElementById（'chart_div0'）；
图表0.绘制（数据、选项）；
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0{
计算：函数（dt，行）{
返回{
v:dt.getValue（第1行）*-1，
f:dt.getFormattedValue（第1行），
};
},
标签：data.getColumnLabel（1），
类型：data.getColumnType（1）
}]);
var chart1=新的google.visualization.LineChart（document.getElementById（'chart_div1'）；
图表1.绘制（视图、选项）；
}
div{
显示：内联块；
}

如果您需要帮助，请提供您的代码。太好了，我现在就做！非常感谢D还有一个问题，“转换原点”是如何工作的？只是用谷歌搜索一下；）。另外，不要忘记验证最佳答案（即@WhiteHat's one！；）感谢所有信息；）非常感谢第二个解决方案，但是有可能得到结果的对称性？？我编辑了我的问题以显示我所说的对称性：）修改了上面的代码片段以绘制两个图表--使用DataView将值设置为DataTable中的相反符号--使用对象表示法以便值仍然显示为正确的符号…非常感谢！：D
chartArea: {
  top: 6,
  right: 6,
  bottom: 6,
  left: 6,
  height: '100%',
  width: '100%'
},