jqplot折线图图例超大

【问题标题】：jqplot line chart legend oversizejqplot折线图图例超大
【发布时间】：2012-07-19 16:16:52
【问题描述】：

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

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

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

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

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

【问题讨论】：

标签： cakephp jqplot

【解决方案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。

【讨论】：