Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.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 使用JSCharting和csv中的数据创建图表_Javascript_Csv - Fatal编程技术网

Javascript 使用JSCharting和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

我正在做一个家庭项目,制作湿度和温度图表。该项目位于以下位置:

这是我第一次体验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: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
});
任何帮助都是有价值的