javascript - 如何在 google charts API 中使用图片而不是文本标签?

标签 javascript jquery google-visualization

我正在使用谷歌图表 API。如何使用图片代替文字标签?

这是 jsFiddle 中的示例:http://jsfiddle.net/5hdg6/

这里的主要问题是,如果我有一个新元素,我将不得不手动添加一个新图像。有没有办法将标签文本换成图像?

例如,用

设置我的数组
  var array = [
    ['Name', 'Lead', 'Proposal', 'Opportunity'],
    ['John', 1000, 7000, 10000],
    ['`<img src="http://s13.postimg.org/up2b680dv/images.jpg"/>`', 2000, 3000, 12000],
    ['Ann', 2000, 5000, 12000],
    ['Steve', 6000, 2000, 10000],
    ['Rachel', 10000, 4000, 9000]];

欢迎提出任何建议。

提前致谢

最佳答案

我面临着同样的问题,我建议在绘制完图表后,在 DOM 中进行替换,因此在上面有 img src 的地方,将其替换为一个唯一的引用,例如 up2b60dv 然后用脚本将其替换为上面的代码。

关于javascript - 如何在 google charts API 中使用图片而不是文本标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21825953/

相关文章:

google-visualization - Google Chart API - 饼图描边选项不生效

javascript - 通过 MQTT 将图像从 Arduino 发送到 MOSCA 主机

javascript - Leaflet 和 geojson AJAX 调用

javascript - 如何包装返回多个表行的 React 组件并避免 "<tr> cannot appear as a child of <div>"错误?

单击按钮时不会显示 jQuery 模态

javascript - 未选择 Materialize.css 自动完成时如何运行函数?

charts - Google图表更改了Haxis字体大小

javascript - HTML X JavaScript X Google Charts - 根据单选按钮选择更改图表

javascript - 将多个变量 .onload 设置为相同的值

php - 这个 json 可能在 jquery 中输出为数组吗?