Javascript 谷歌图表折线图
我是谷歌图表的新手,似乎不知道如何做以下几点:Javascript 谷歌图表折线图,javascript,google-visualization,Javascript,Google Visualization,我是谷歌图表的新手,似乎不知道如何做以下几点: var data = google.visualization.arrayToDataTable([]); data.addColumn("number","reps"); data.addColumn("number","weight"); data.addColumn("string","legendlabel") data.addColu
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和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]
]);
然而,它显然不起作用,因为我们有两种不同的类型,number和string
是否有一种方法可以指定xcord,ycord,然后为该点指定一个标签,如果有多个标签相同,则形成一个折线图
提前谢谢各位 使用折线图,域上的每一点的每一条数据线都必须有一个值,否则该线将被打断,您需要的是一个 然后,图形中的数据应该如下所示:
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,]
]);
您需要设置线宽来查看趋势曲线
chart.draw(data, {
lineWidth: 2,
vAxis: {title: "reps"},
hAxis: {title: "weight"}
}