NOAA ERDDAP
更轻松地获取科学数据
登录 | ?    
提供方: NOAA NMFS SWFSC ERD    

在网页中嵌入图表

如果您是网页作者,则可以使用 HTML <img> 标签将ERDDAP Make A Graph 图像 URL 直接嵌入到您的某个网页中 (external link)
  1. 在ERDDAP中,搜索感兴趣的数据集。
     
  2. 单击数据集的graph链接即可查看“制作图表”网页。
     
  3. 修改图表直到它看起来像您想要的那样。
     
  4. 指定File Type (例如,.png)并从view the URL文本字段中获取 URL。
     
  5. 您可以通过向 URL 添加其他命令来对图像进行其他更改。例如,您可以添加命令来指定任何图像大小、删除图像底部的多余空白,以及/或者选择查看不带图例的图表。请参阅griddap 文档tabledap文档
     
  6. 为了准备在 HTML <img> 标签中使用 URL,您必须将 URL 中所有&实例编码为&amp;
     
  7. 为了准备在 HTML <img> 标签中使用 URL ,您必须进行百分比编码 (external link)将 URL 查询部分中的特殊字符(除约束中的初始“&”和主要'='之外)转换为 %HH 格式,其中 HH 是字符的 2 位十六进制值。通常,您只需转换几个标点符号:% 转换为 %25,& 转换为 %26,"转换为 %22,< 转换为 %3C,= 转换为 %3D,> 转换为 %3E,+ 转换为 %2B,| 转换为 %7C,[ 转换为 %5B,] 转换为 %5D,空格转换为 %20,并将 #127 以上的所有字符转换为 UTF-8 格式,然后将 UTF-8 格式的每个字节百分比编码为 %HH 格式(请向程序员寻求帮助)。
    例如, &stationID>="41004"
    变成      &stationID%3E=%2241004%22
    请注意,当您通过浏览器以外的软件访问ERDDAP时,通常需要百分比编码。浏览器通常会为您处理百分比编码。
    在某些情况下,您需要对除 A-Za-z0-9_-!.~'()* 之外的所有字符进行百分比编码,但仍不要对约束中的初始 '&' 或主'='进行百分比编码。
    编程语言有工具可以做到这一点(例如,参见Java的java.net.URLEncoder  (external link)和Java Script 的encodeURIComponent()  (external link) )并且有
    为您提供百分比编码/解码的网站 (external link)
     
  8. 对于网格数据集,您可以将 URL 中时间维度的值更改为(last) ,以便图像始终显示最新日期/时间的数据,而不是特定日期/时间的数据。

    或者,对于表格数据集,您可以将 URL 中的时间约束更改为类似time>now-2days内容,这样图像将始终显示从 2 天前到现在的数据。(更多信息

    或者,对于表格数据集,您可以将 URL 中的时间约束更改为类似time>max(time)-2days内容,以便图像始终显示数据集中过去 2 天的数据。(更多信息

  9. 在 HTML 文档中创建一个引用修改后的 URL 的 img 标签,例如
    <img src="https://coastwatch.pfeg.noaa.gov/erddap/griddap/erdBA sst a5day.png?
    sst %5B(last)%5D%5B(0.0)%5D%5B(22.0):(50.0)%5D%5B(225.0):(255.0)%5D&amp;.draw=surface&amp;.vars=longitude%7Clatitude%7C sst &amp;.colorBar=Rainbow%7CC%7CLinear%7C8%7C32%7C"alt="SST,混合,美国西部(实验,5 天综合)">

    或者,如果您想更花哨一点,这里有一个包含“最大”和“编辑”链接的示例。请注意,URL 具有不同的文件扩展名(.largePng、.graph 和 .png)。

    sst最大</a>
    sst编辑图像/下载数据</a>
    <br>
    <img src="https://coastwatch.pfeg.noaa.gov/erddap/griddap/erdBA sst a5day.png?
    sst %5B(last)%5D%5B(0.0)%5D%5B(22.0):(50.0)%5D%5B(225.0):(255.0)%5D&amp;.draw=surface&amp;.vars=longitude%7Clatitude%7C sst &amp;.colorBar=Rainbow%7CC%7CLinear%7C8%7C32%7C"alt="SST,混合,美国西部(实验,5 天综合)">
    

    该示例制作了以下链接和此图像:

    最大编辑图像/下载数据
    ERDDAP:SST,混合,美国西部(实验性,5 天综合数据)

接触

有问题、评论或建议?请发送电子邮件至erd dot data at noaa dot gov ,并附上与您的问题或评论直接相关的ERDDAP URL。

或者,您可以通过访问https://groups.google.com/forum/#!forum/erddap加入ERDDAP Google 群组/邮件列表 (external link)并点击“申请成为会员”。成为会员后,您可以在此处发布您的问题或搜索以查看该问题是否已被提出并得到解答。


 
Translated by Google ?
ERDDAP ,版本2.27.0
免责声明|隐私政策|联系方式