Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.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 如何在HTML中使用从RESTAPI下载的JSON制作图表?_Javascript_Html_Json_D3.js_Data Visualization - Fatal编程技术网

Javascript 如何在HTML中使用从RESTAPI下载的JSON制作图表?

Javascript 如何在HTML中使用从RESTAPI下载的JSON制作图表?,javascript,html,json,d3.js,data-visualization,Javascript,Html,Json,D3.js,Data Visualization,假设我有一个json文件,其结构如下: [ { "time":"2014-06-29 21:02:08", "station":"s3", "data":{ "wind_speed":"0.0", "softwaretype":"pywws", "wind_gust":"0.0", "temp":"22.2", "long":"unknown",

假设我有一个json文件,其结构如下:

[
   {
      "time":"2014-06-29 21:02:08",
      "station":"s3",
      "data":{
         "wind_speed":"0.0",
         "softwaretype":"pywws",
         "wind_gust":"0.0",
         "temp":"22.2",
         "long":"unknown",
         "humidity":"59",
         "dewpoint":"13.8",
         "pressure":"1013.5",
         "datetimeutc":"2014-06-29 19:02:05",
         "wind_dir":"90",
         "lat":"unknown",
         "rain_1h":"0.0",
         "alt":"unknown",
         "rain_today":"0.0",
         "name":"1"
      }
   },
   {
      "time":"2014-06-29 21:02:56",
      "station":"s3",
      "data":{
         "wind_speed":"0.0",
         "softwaretype":"pywws",
         "wind_gust":"0.0",
         "temp":"22.2",
         "long":"unknown",
         "humidity":"59",
         "dewpoint":"13.8",
         "pressure":"1013.5",
         "datetimeutc":"2014-06-29 19:02:53",
         "wind_dir":"90",
         "lat":"unknown",
         "rain_1h":"0.0",
         "alt":"unknown",
         "rain_today":"0.0",
         "name":"1"
      }
   }
]

可视化显示数据的最简单方法是什么,例如在html网页上显示压力/时间图表(从API下载)?我不确定,但仅使用javascript和html是否可行?

可视化的类型取决于您,是的,您完全可以使用d3从该数据集生成图形。js@tomtomtom感谢您提供的信息,不过d3似乎对具备良好js技能的人来说有一个很大的进入壁垒如果我有数据,有人给我建立了一个图表,我使用flot.js,它使用plot。js@johnSmith我在寻找一些关于从哪里开始的建议,thaks for flot.js使用d3.js,或者在服务器端将其转换为svg