【问题标题】:Google Chart - two date series on the same chart谷歌图表 - 同一图表上的两个日期系列
【发布时间】:2013-08-03 22:30:16
【问题描述】:

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

['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 轴代表收入/成本值(数字)。我想在同一张图表上表示这两个日期值系列。他们共享相同的时间线,但事件发生在不同的日期?

这可能吗?

【问题讨论】:

    标签: google-visualization


    【解决方案1】:

    是的,你只需要加入两个数据集,使用google.visualization.data.join方法:

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

    如果你使用这种方法绘制图表,你将有两个系列的数据可以一起绘制。看这个例子:http://jsfiddle.net/asgallant/XF7JE/

    顺便说一句,像这样输入日期,您将得到一个离散轴,而不是连续轴。您需要将日期输入为 javascript Date 对象以获得连续轴。

    【讨论】:

    • “一张图表上有两个图表”是什么意思?我在上面编辑了我的答案,提供了更完整的解释和演示,以防万一。
    • 就是这样!非常非常感谢您!我不知道如何定义为 join 方法的 key 和 column 参数!
    • 我试图加入两个已经加入的数据表(为了在图表上有 4 个图表),但它没有显示我的预期:jsfiddle.net/sbrbot/MEtbm
    • 您需要包含前两个连接表中的所有列:jsfiddle.net/asgallant/MEtbm/1
    • 亲爱的你是我的英雄!!!它就像一个魅力! (顺便说一句,您是否与 Google Charts API 开发团队有某种关系?)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-13
    • 2014-08-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多