google-visualization - 如何在同一个折线图中绘制具有不同时间值的多个系列?

标签 google-visualization

我有一组具有以下值的项目:[用户名(字符串)、分数(数字)、日期(日期时间)、评论(字符串)]。

例如:

[['joe', 0.3, 5/5/16, "bla"],
['joe', 0.6, 6/5/16, "bli"],
['jim', 0.4, 6/5/16, "blo"],
['jim', 0.7, 7/5/16, "blu"]]

我想在同一张折线图上为每个用户名绘制一条线(我将有超过 2 条),以日期为水平轴,以分数为垂直轴,每条线使用不同的颜色。

doc 中的“多线型”示例中,两个系列具有相同的时间刻度。任何人都可以帮助/指向我一些文档来绘制具有不同时间值的多条线?

最佳答案

在谷歌图表中,系列是由列决定的,例如

标签,系列 1,系列 2,系列 3

因此,建议每个用户都在自己的列中

这将自动创建多条不同颜色的线条

如果某个用户没有特定日期的值,请使用 null

然后在配置选项中使用以下内容,以防止行中断

interpolateNulls: true

生成的数据表看起来像......

['Date', 'Jim', 'Joe'],
['5/5/16', null, 0.3],
['6/5/16', 0.4, 0.6],
['7/5/16', 0.7, null],

不确定评论的用途,图表不会接受,除非用作工具提示或注释...

关于google-visualization - 如何在同一个折线图中绘制具有不同时间值的多个系列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40039633/

相关文章:

javascript - 从数组为Google Chart创建数据表

javascript - 如何创建一个函数来呈现谷歌图表?

javascript - 谷歌柱形图: Column height not in proportion to the value

jquery - Google 可视化 - 自定义工具提示点

google-visualization - Google Chart API - 饼图描边选项不生效

google-visualization - 我应该在生产环境中使用谷歌图表吗

firefox - 谷歌图表 : google is not defined

javascript - 谷歌图表 : Scaling each series in line chart

javascript - 随机得到: "TypeError: google.visualization.DataTable is not a constructor"

javascript - Google 图表在 yAxis 上不断显示负值