jqplot折线图图例超大

Question

我有一个用于折线图的 jqplot，但我的图例变得太大了。我想为图例实现可滚动功能。我尝试执行以下操作：

table.jqplot-table-legend {
    display: block;
    height: 350px;
    overflow-y: scroll;
}

在 css 文件和我的 ctp 文件中，我试过

legend: { 
    show: true, 
    location: 'ne',
    rendererOptions: {numberColumns: 2}
}

正如在之前的帖子中提到的，但似乎没有一个对我有用。请帮忙。

Answer 1

如果我在图表呈现之前或之后应用您的 css，只需进行一项更改即可正常工作。我不得不增加它的 z-index，所以滚动条在顶部并且可以点击。这是在图表呈现后应用它的示例：

plot1 = jQuery.jqplot ('chart1', data, opts);

var legendTable = $($('.jqplot-table-legend')[0]);    
legendTable.css('display','block');
legendTable.css('z-index',100);
legendTable.css('height','100px');
legendTable.css('overflow-y','scroll');

请参阅此处的小提琴。