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('');