css - Google 趋势嵌入未正确显示

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复制