jquery - jqplot - 使用图像作为刻度

Question

我希望能够拥有，而不是 y 轴上的 1 - 10 有图片，我的例子是笑脸。一个快乐的10个，一个悲伤的1个。

有没有办法将图像设置为刻度，有没有人管理过这个，或者有没有人知道如何使用钩子或自定义渲染器来做到这一点？

谢谢

汤姆

Answer 1

轴刻度只是图形 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++;
});