charts - jqplot图例的问题

Question

我正在使用 jqplot。我在传说中遇到了一些问题。图例与图表的某些部分重叠。图例也被拉伸到图表的整个宽度。

这是它的外观。

这使它看起来很难看。谁能帮我解决这个问题？

任何帮助将不胜感激。

Answer 1

我的问题出在 CSS 中。我已经声明了

table { width: 100%; }

所以我补充说：

.jqplot-table-legend { width: auto; }

这为我解决了问题！

Answer 2

我从这个论坛尝试了这个技巧

https://groups.google.com/forum/?fromgroups#!topic/jqplot-users/2ugbIYORAss

   //Take out HTML content of entire legend
    var text = jQuery("table[class='jqplot-table-legend']").html();

    //Stick it to the Legend Div Tag - of page
    //create a div tag with id='jqplotctrl_legend'
    jQuery('#jqplotctrl_legend').html(text); 

    //Set original jQPlot legend to empty 
    jQuery("table[class='jqplot-table-legend']").html('');