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を適用すると、1回の変更で正常に機能します。スクロールバーが上にあり、クリックできるように、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 に答える