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

请参阅小提琴here。

jqplot折线图图例超大

1 个答案: