簡體   English   中英

Google Charts折線圖

[英]Google Charts Line Chart

我是Google圖表的新手,似乎無法弄清楚我將如何執行以下操作:

我想制作一個具有我的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然后為該點指定一個標簽,那么如果有多個相同的標簽,它會形成一個折線圖?

在此先感謝大家!

使用折線圖,每條數據線必須在域中的每個點都具有一個值,否則該線將被折斷,您想要的是散點圖

然后,用於您的圖形的數據應如下所示:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM