使用google图表APIurl动态设置img源

Question

如何更改带有 google 图表 api url 的 img 标签的 src 属性？

起初，我把这个放在 html 正文中。

<img class="image2" />

那我想把src换成图表URL.

到目前为止，我已经尝试过 JQuery

$("#image2").attr('src', 'https://chart.googleapis.com/chart?cht=p3&chs=250x100&chd=t:60,40&chl=Hello|World');

Javascript

    var image = document.getElementsByClassName("image2");
    image.src = "https://chart.googleapis.com/chart?cht=p3&chs=250x100&chd=t:60,40&chl=Hello|World"

但是没有显示图像。

这可以吗？谢谢！

Answer 1

当使用 jquery 到 select by classname 时，
使用句号而不是井号。

<img class="image2" />

$(".image2")

井号用于 id select或

<img id="image2" />

$("#image2")

请参阅以下工作片段...

$(".image2").attr('src', 'https://chart.googleapis.com/chart?cht=p3&chs=250x100&chd=t:60,40&chl=Hello|World');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img class="image2" />

使用google图表APIurl动态设置img源

Use google chart API url to dynamically set img source

javascript

charts

image

google-visualization