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

参见 fiddle here .