2

我想知道是否可以使用当前给定的代码（通过添加“未知”参数）让 Google 趋势的图表响应

例子

<script type="text/javascript" src="//www.google.com/trends/embed.js?hl=en-US&q=hoest,+Bronchitis,+Bronchiolitis,+RSV&geo=BE&date=1/2011+49m&cmpt=q&tz&tz&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=900&h=330"></script>

将 '100%' 作为宽度值时它无论如何都不起作用。但是任何人都知道一个额外的参数来改变你想要使用的单位（默认是 px）？

4

2 回答 2

1

尝试在页面加载时使用 javascript 获取屏幕宽度，然后动态创建嵌入代码，将定义的宽度参数替换为实际的屏幕宽度。

<script>

//function which gets screen width
function getWidth() {
  if (self.innerHeight) {
    return self.innerWidth;
  }

  if (document.documentElement && document.documentElement.clientHeight) {
    return document.documentElement.clientWidth;
  }

  if (document.body) {
    return document.body.clientWidth;
  }
}

    //define screen width variable. Subtract 15 pixels from width just to be on the safe side and reduce chance of getting a horizontal scroll bar
    var screenWidth = getWidth()-Number(15);

    //replace the following URL with your own. Be sure to keep the modified part of the string in tact where it replaces the width with screenWidth variable
    var embedCode = "//www.google.com.au/trends/embed.js?hl=en-US&q=mick+fanning,+wwe&geo=ZA&date=now+7-d&cmpt=q&tz=Etc/GMT-10&tz=Etc/GMT-10&content=1&cid=TIMESERIES_GRAPH_0&export=5&w="+screenWidth+"&h=330";


//write this new code to browser. Split '<script'> tags to prevent browser errors when writing.
document.write('<scr'+'ipt type=\"text/javascript\" src=\"'+embedCode+'\"></scr'+'ipt>');

</script>

请注意，如果浏览器窗口发生变化，图表的宽度将不会调整。（即，用户将手机侧向翻转）。

于 2015-07-21T05:07:01.370 回答
0

如果您单击趋势图右上角的菜单，则可以选择将图表嵌入到桌面或移动视图中。选择移动，它会为您做出响应并为您提供代码片段。

响应式嵌入代码示例

于 2016-08-24T19:39:17.727 回答