2

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

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

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

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

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

4

1 回答 1

5

如果我在图表呈现之前或之后应用您的 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');

在这里看小提琴。

于 2012-07-19T22:42:43.937 回答