gpt4 book ai didi

javascript - 谷歌图表 API : more than one label rows on x axis?

转载 作者:行者123 更新时间:2023-11-28 06:52:19 24 4
gpt4 key购买 nike

我有这个图表,它是显示多个数据的条形图。数据按年份(2014、2015)和季度(Q1、Q2、Q3、Q4)划分。我可以在 x 轴上显示季度或年份,但不能同时显示两者。我制作了一个屏幕截图,并将年份放在那里以显示我想要实现的目标。

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
</head>
<body>
<script type="text/javascript">
google.load('visualization', '1.1', {packages: ['bar']});
google.setOnLoadCallback(drawBasic);
function drawBasic() {

//create data table object
var data = google.visualization.arrayToDataTable([
['','Sales', 'Expenses'],
['Q1',1000, 400],
['Q2',1000, 400],
['Q3',1170, 460],
['Q4',900, 500],
['Q1',1400, 420],
['Q2',1240, 750],
['Q3',1001, 360],
['Q4',788, 800]
]);
var options = {
width: 800, height: 600, is3D: false, title: 'Company Earnings'
};
var chart = new google.charts.Bar(
document.getElementById('chart_div'));

chart.draw(data, google.charts.Bar.convertOptions(options));
}
</script>
<div id="chart_div"></div>
</body>
</html>

这是结果(我添加了油漆中的年份):

enter image description here

有什么想法可以做到这一点吗?

最佳答案

我记得之前看过下面的帖子,它可以让您添加多个 x 轴详细信息。也许这会有所帮助:

http://www.lornajane.net/posts/2011/adding-multiple-axis-labels-to-a-google-chart

关于javascript - 谷歌图表 API : more than one label rows on x axis?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32854278/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com