Google Charts折线图

时间:2012-08-07 18:09:43

标签: javascript google-visualization

我是谷歌排行榜的新手,似乎无法弄清楚我将如何做以下事情:

我想创建一个包含xcord,ycord,legendlabel的数据表。我正在尝试以下方法:

var data = google.visualization.arrayToDataTable([]);   

            data.addColumn("number","reps");
            data.addColumn("number","weight");
            data.addColumn("string","legendlabel")

            data.addColumn("string","workoutname");

            data.addRows([[150, 10,"workoutA"],
                          [300, 2,"workoutB"], //format [xcord,ycord,legendlabel] 

                        ]);

然而,它显然不起作用,因为我们有两种不同的类型,数字和字符串。

有没有办法可以指定xcord,ycord然后有一个标签用于此点,那么如果有多个标签相同则形成一个折线图?

先谢谢你们!

1 个答案:

答案 0 :(得分:1)

使用折线图,每个数据行必须具有域中每个点的值,否则该行将被破坏,您想要的是scatter chart

然后您的图表数据应如下所示:

var data = google.visualization.arrayToDataTable([]);   

data.addColumn("number","reps");
data.addColumn("number","workout1");
data.addColumn("number","workout2");

data.addRows([
    [150, 10, null],
    [300, null, 2,]
]);

您需要设置 lineWidth 以查看趋势曲线

chart.draw(data, {
    lineWidth: 2,
    vAxis: {title: "reps"},
    hAxis: {title: "weight"}
}