css - Google Trends Embed 显示不正确

Question

我正在尝试构建一些显示特定关键字趋势统计信息的 html 标牌内容。问题是嵌入的图表仅部分可见。显示前 25%，但从那里被截断。

<div id="topleft">
<script type="text/javascript" src="embed.js"></script> <script type="text/javascript"> trends.embed.renderExploreWidget("GEO_MAP", {"comparisonItem":[{"keyword":"digital signage","geo":"","time":"today 12-m"}],"category":0,"property":""}, {"exploreQuery":"q=digital%20signage&date=today 12-m","guestPath":"https://trends.google.com:443/trends/embed/"}); </script>
</div>

#topleft {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 360px;
    width: 640px;
    background-color: green;
}

Answer 1

你的第一个脚本标签是错误的，尝试使用

<script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/1280_RC06/embed_loader.js"></script> 

或者直接从trends.google.com/trends/explore?date=today%2012-m&q=digital%20signage复制