4

jqPlot 1.0.0b2_r1012 を使用しています。円グラフを描いてみましたが、うまく描けました。ただし、凡例は div からオーバーフローします。コードを説明し、スクリーンショットを以下に添付します。

この関数を使用して、円グラフを描画します。

function drawjQPlot(div, data) {

        var plot1 = jQuery.jqplot(div, [data],
{
    seriesDefaults: {
        renderer: jQuery.jqplot.PieRenderer,
        rendererOptions: {
            showDataLabels: true
        }
    },
    legend: { show: true, location: 's', placement: 'outside',
        rendererOptions: {
            numberColumns: '2'
        }
    }
}

); }

次のような HTML 構造:

<fieldset>
    <legend>Test</legend>
    <table>
        <tr>
            <td>
                <div id="chart1">
                </div>
            </td>
            <td>
                <div id="chart2">
                </div>
            </td>
            <td>
                <div id="chart3">
                </div>
            </td>
        </tr>
    </table>
</fieldset>

スクリーンショット:

ここに画像の説明を入力

この問題を解決するにはどうすればよいですか?

ありがとうございました。

4

2 に答える 2

2

私の理解が正しければ、チャートのコンテナー内に凡例を表示する必要があります。
凡例のプロパティで、placement: 'outside' を placement: 'insideGrid' に変更します。

それが役立つことを願っています

参照: jqPlot チャートの構成

于 2013-09-30T21:09:13.917 に答える