在图例中显示右线宽的线条

Question

我有一组不同宽度的线条。我想在图例区域显示相同宽度的线条，有没有办法做到这一点？目前，图例在块中只有正确的颜色（所有行的大小相同。）

Answer 1

图例覆盖在画布顶部，因此您可以操纵css来获得此功能：

var p = $.plot(...);
$.each(p.getData(), function(i, el){ 
  $($('.legendColorBox div div')[i]).css({border: 'none', 
                                          height: el.lines.lineWidth+'px', 
                                          width: '20px', 
                                         'background-color': el.color}); 
});