0

円グラフの凡例を固定幅になるようにレンダリングしようとしています。ラベルがその幅（divホルダー）に達したら、次の行でハイフンを付けます。行オプションを試しましたが、データが動的であり、3つのデータセットがあり、それぞれが別々の行にレンダリングされる場合もあれば、15〜20のデータがあるため、うまく機能しません。セットして乱雑になります。

とにかく解決策は、凡例をdivの幅に制限し、それがレンダリングされるようにすることですが、cssの変更を受け入れていないようです。width：250pxを追加してみました。jqPlot cssの「jqplot-table-legend」に、ChromeのInspect Elementを使用してさまざまな場所に追加して動作するかどうかをテストしましたが、新しい幅を受け入れていないようです。また、運が悪かったので、さまざまな場所でjavascriptファイルにハードコーディングしようとしました。

コードの観点から質問に何を追加できるかわかりません。jqPlot側ではすべてがかなり標準的です。

これを回避する方法についての提案は大歓迎です。

4

1 に答える 1

0

これは手早く汚い方法のように思えますが、これで仕事は完了です。縮小版よりも読みやすいので、例として jqplot.pieRenderer.js ファイルを使用します。js ファイルを開き、568 行目までスクロールします。

this._elem = $(document.createElement('table'));
this._elem.addClass('jqplot-table-legend');

追加

this._elem.css({width: 300});

これにより、必要な幅にテーブルが引き伸ばされます。残念なことに、色見本の列も引き伸ばされるので、見つけるまでもう少し下にスクロールする必要があります。

td1.css({textAlign: 'center', paddingTop: rs});

それをに変更します

td1.css({width: 16, textAlign: 'center', paddingTop: rs});

これで準備完了です。

于 2012-11-13T15:05:16.167 に答える