获取 Google 趋势响应图表

Question

我想知道是否可以根据当前给定的代码（通过添加 'unknown' 参数）获得 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）吗？

Answer 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>

请注意，如果浏览器 window 发生变化，图表的宽度将不会调整。（即，用户将 phone 侧翻）。

Answer 2

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

获取 Google 趋势响应图表

Getting a chart of Google Trends responsive

charts

google-trends

responsiveness

示例