javascript - 谷歌图表折线图

Question

我是谷歌图表的新手，似乎无法弄清楚我将如何做以下事情：

我想制作一个包含我的 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然后为这一点设置一个标签，然后如果有多个相同的标签，它会形成一个折线图？

提前谢谢各位！

Answer 1

使用折线图，每条数据线都必须为域上的每个点都有一个值，否则线会被破坏，你想要的是散点图

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

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"}
}