Javascript 使用JSCharting和csv中的数据创建图表
我正在做一个家庭项目,制作湿度和温度图表。该项目位于以下位置: 这是我第一次体验JS,所以我有点不知所措 我有一个具有以下值的csv:Javascript 使用JSCharting和csv中的数据创建图表,javascript,csv,Javascript,Csv,我正在做一个家庭项目,制作湿度和温度图表。该项目位于以下位置: 这是我第一次体验JS,所以我有点不知所措 我有一个具有以下值的csv: Date,Time,Temperature,Humidity 05/31/21,17:44,22.6*C,33.3% 05/31/21,17:49,22.4*C,34.0% 05/31/21,17:54,22.2*C,34.4% 05/31/21,17:59,22.4*C,34.3% 05/31/21,18:04,22.5*C,33.7% 05/31/21,18
Date,Time,Temperature,Humidity
05/31/21,17:44,22.6*C,33.3%
05/31/21,17:49,22.4*C,34.0%
05/31/21,17:54,22.2*C,34.4%
05/31/21,17:59,22.4*C,34.3%
05/31/21,18:04,22.5*C,33.7%
05/31/21,18:09,22.6*C,33.4%
05/31/21,18:14,22.7*C,33.3%
05/31/21,18:19,22.7*C,33.1%
05/31/21,18:24,22.7*C,33.0%
我想从类型创建两个图表
,一个用于温度,一个用于湿度,使用JS图表:
不幸的是,我无法使代码正常工作,我尝试了以下方法:
JSC.fetch("../humidity_and_temp.csv")
.then(response => response.text())
.then(text => {
//Use csv text
});
let data = JSC.csv2Json("Time,Temperature")
let points = data.map(d => {
return { x: d.Time, y: d.Temperature };
});
const chart = new JSC.Chart("chartDiv", {
// Pass points to the series
series: [{ points: points }],
// Set the x axis scale to time.
xAxis_scale_type: "Auto",
debug: true
});
任何帮助都是有价值的