Google图表 - 在同一图表上显示两个日期序列

12

我有一些日期的收入数据:

['2013-02-13',100],['2013-03-20',200],['2013-04-11',160]

以及其他日期发生的费用数据:

['2013-02-22',60],['2013-03-04',90],['2013-03-25',110]

所以X轴是连续的(日期),Y轴代表收益/成本值(数字)。我想在同一张图表上表示这两个日期-值序列。它们共享相同的时间轴,但事件发生的日期不同?

这种方式是否可行?

1个回答

35

是的,您只需要使用google.visualization.data.join方法将这两个数据集合并即可:

var joinedData = google.visualization.data.join(data1, data2, 'full', [[0, 0]], [1], [1]);

如果您使用该方法绘制图表,则将获得两个可以一起绘制的数据系列。请参见此示例:http://jsfiddle.net/asgallant/XF7JE/

顺便提一下,如果您的日期输入方式如此,您将获得一个离散坐标轴而不是连续坐标轴。您需要将日期作为 JavaScript 日期对象输入以获取连续的坐标轴。


“一个图表上的两个图形”是什么意思?我在上面编辑了我的答案,提供了更完整的解释和演示,希望能有所帮助。 - asgallant
就是这样了!非常感谢asgallant!我不知道join方法的key和column参数该怎么定义! - sbrbot
1
你需要包含第一和第二个连接表中的所有列:http://jsfiddle.net/asgallant/MEtbm/1/ - asgallant
亲爱的asgallant,你是我的英雄!!! 它像魔法一样工作!(顺便问一下,你是否与Google Charts API开发团队有关?) - sbrbot
不,我不在谷歌工作,但我曾经见过可视化开发团队(顺便说一下,他们是非常棒的人)。 - asgallant
显示剩余3条评论

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接