Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌图表折线图_Javascript_Google Visualization - Fatal编程技术网

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