如何用不同的时间值绘制多个系列一个相同的折线图?

时间:2016-10-14 09:26:38

标签: google-visualization

我有一组具有以下值的项目:[username(string),score(number),date(datetime),comment(string)]。

例如:

[['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 个答案:

答案 0 :(得分:1)

在谷歌图表中,系列'由列确定,例如

标签,系列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],

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