回答
的API不提供反正拿到verticle x轴标签(除非我错过了它,因为我需要它太)我们所做的是数据点点标签和定期x轴标记的组合 - 并不完美,但工作,如果你需要更多的控制
可以尝试类似的Dundas图表
可以指定一个数据点标签旋转?你有一个可以发布的示例网址吗?谢谢! – Tony 2009-04-24 17:20:10
没有什么我曾经发现为观众的目的旋转任何标签 – braindice 2009-04-24 17:53:07
,它现在可用,请参阅milind Morey的答案。 – CaffeineShots 2014-02-27 07:27:40
我不找到一种方法来旋转轴,但是,我所做的是缩短了标签,然后创建一个图例来解释标签实际代表什么。
点击here获取Google图表示例。
可以“解决”的另一种可能的方式这个问题是添加一个X轴:
chxt=x,y
可以改变为:
chxt=x,y,x
(请确保你做了什么你的原始x轴有相同的应用),然后在另一个x轴上(或每三分之一取决于标签的长度)在一个轴上设置标签,而在另一个轴上设置标签。
chx1=0:|Alpha||Gamma||Epsilon||Eta|2:||Beta||Delta||Zeta
注意两个||之间为空标签。这样你的图表上的标签关闭轴,你有更多的空间:
Alpha Gamma Epsilon Eta
Beta Delta Zeta
这是一个古老的线程。但是我正在寻找此我自己和整个这次来到...
https://developers.google.com/chart/interactive/docs/gallery/areachart#Configuration_Options
查找:hAxis.slantedTextAngle和hAxis.slantedText。将您的角度设置为90以进行垂直显示(或倾斜的任何角度)。
现在
var options = {
title: "Test",
hAxis: {
direction:-1,
slantedText:true,
slantedTextAngle:90 // here you can even use 180
}
};
可以添加参数选项与slantedtextangle:90度显示标签垂直
var options ={ hAxis: {title: "Years" , direction:-1, slantedText:true, slantedTextAngle:90 }}
是的!
将hAxis.slantedText设置为true,然后设置hAxis.slantedTextAngle = 90。 是这样的...
var ac = new google.visualization.ComboChart(document.getElementById('visualization'));
ac.draw(data, {
title : 'Equipment Performance Chart',
isStacked:true,
vAxis: {
viewWindowMode: 'explicit',
viewWindow: {
max: 100
},
title: "Percentage"
},
hAxis: {
title: "Area",
slantedText:true,
slantedTextAngle:90
},
seriesType: "bars",
});
的诀窍是在chartArea.height = 300和chartArea.top = 100,高度:600
var options = {
title: 'Motivation and Energy Level Throughout the Day',
isStacked: true,
height:600,
chartArea: {
height:300,
top:100,
},
hAxis: {
title: 'Departamentos',
titleTextStyle: {
color: '#FF0000',
},
slantedText:true,
slantedTextAngle:45,
},
vAxis: {
title: 'Kits'
}
};
对角线此处的文本。这是我的做法,我希望它能帮助他们。
https://jsfiddle.net/8tvm9qk5/
代码:
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
和
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawStacked);
function drawStacked() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Departamentos');
data.addColumn('number', 'Entregados');
data.addColumn('number', 'En Stock');
data.addRows([
['abdasdasa', 925, 786],
['bbdasdas', 652, 156],
['cbdasdas', 300, 200],
['ddasdasb', 925, 786],
['edasdb', 652, 156],
['fasdasb', 300, 200],
['gdasdasdb', 925, 786],
['abdasdasa', 925, 786],
['bbdasdas', 652, 156],
['cbdasdas', 300, 200],
['ddasdasb', 925, 786],
['edasdb', 652, 156],
['fasdasb', 300, 200],
['gdasdasdb', 925, 786]
]);
var options = {
title: 'Motivation and Energy Level Throughout the Day',
isStacked: true,
height:600,
chartArea: {
height:300,
top:100,
},
hAxis: {
title: 'Departamentos',
titleTextStyle: {
color: '#FF0000',
},
slantedText:true,
slantedTextAngle:45,
},
vAxis: {
title: 'Kits'
}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
- 1. 垂直对齐标签谷歌图表
- 2. 格式化垂直标签(vaxis)与谷歌钱图表谷歌?
- 3. 让谷歌图表适应垂直轴
- 4. 在谷歌柱状图中显示垂直轴个别图表标签
- 5. 条形图(谷歌图表)与垂直或点标记
- 6. 谷歌图表标签
- 7. 在谷歌图表api中设置垂直轴缩放
- 8. 垂直堆叠的谷歌条形图
- 9. 谷歌地图api jquery infowindow标签
- 10. Android谷歌地图(API V2)和标签
- 11. 谷歌地图api v3没有标签?
- 12. 谷歌地图Javascript API v3,jquery标签
- 13. 谷歌图表包装的垂直条形图的范围
- 14. 谷歌地图不会垂直跨越
- 15. 谷歌图表:如何绘制条形图的垂直线
- 16. 谷歌图表中的标签宽度
- 17. 谷歌条形图API配置(垂直线)
- 18. 谷歌图表API
- 19. 无法点击标签上的谷歌图表API
- 20. 垂直标签栏?
- 21. 垂直hr标签
- 22. 谷歌图表不显示轴标签
- 23. 谷歌图表引导标签
- 24. 打破谷歌图表传奇标签
- 25. 谷歌图表系列标签
- 26. 谷歌图表中的直播图表
- 27. 悬停在谷歌图表上的垂直线条
- 28. 垂直轴在谷歌图表中的静态水平滚动
- 29. 的Python:柱状图 - 垂直标签 - 切
- 30. 谷歌图表API - 重叠X轴标签
`slantedText:成立,` `slantedTextAngle:90,` – 2018-03-02 10:36:11