当前位置：文江博客话题详情

jqplot - 使用图像作为刻度

发布于 2024-11-15 18:01:33 字数 135 浏览 3 评论 0原文

我希望能够用图片代替 y 轴上的 1 - 10，我的例子是笑脸。 10 件快乐，1 件悲伤。

有没有办法将图像设置为刻度，是否有人管理过此操作，或者有人知道如何使用钩子或自定义渲染器来执行此操作？

谢谢

汤姆

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

流云如水 2024-11-22 18:01:33

轴刻度只是图表 div 内的 div。
您可以获取它们的集合并用您自己的 HTML 替换它们。
例如，假设您有名为“smiley-XX.png”的图像，其中 XX 是数字，您可以这样做：

var i = 0;
$('#id-of-jqplot-div').find('.jqplot-yaxis').find('div.jqplot-axis-tick').each(function(){
   $(this).html('<img src="smiley-'+i+'.png">');
   i++;
});

axis ticks are just divs inside the graph's div.
you can get a collection of them and replace their HTML with your own.
e.g. assuming you have images named "smiley-XX.png" with XX being a number you could do it so:

var i = 0;
$('#id-of-jqplot-div').find('.jqplot-yaxis').find('div.jqplot-axis-tick').each(function(){
   $(this).html('<img src="smiley-'+i+'.png">');
   i++;
});

回复收藏 0 原文

~没有更多了~