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

Question

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

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

谢谢

汤姆

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++;
});