4

ログメッセージの取得：パイの直径が小さすぎます。レンダリングされていません。

次に、ページ内にカーソルを合わせるかクリックすると、次のように表示されます。Uncaught TypeError：undefinedのプロパティ「0」を読み取れません

    <link href="/Content/jqPlot/jquery.jqplot.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery.jqplot.js" type="text/javascript"></script>
    <script src="/Scripts/jqplot.pieRenderer.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            //GetWeeklyProjectSummary();
            Test();
        });

        function Test() {
            var data = [["987 Project",74],["ABC Project",68],["XYZ project",26]];
            var plot1 = jQuery.jqplot('weeklyProjectSummary', [data],
                {
                    seriesDefaults: {
                        // Make this a pie chart.
                        renderer: jQuery.jqplot.PieRenderer,
                        rendererOptions: {
                            // Put data labels on the pie slices.
                            // By default, labels show the percentage of the slice.
                            showDataLabels: true
                        }
                    },
                    legend: { show: true, location: 'e' }
                }
              );
        }
    </script>

これがその入るdivです：

<div id="weeklyProjectSummary"></div>

これが私がこのページで得たものです：ページ出力

詳細が必要な場合はお知らせください。

4

5 に答える 5

11

blueprintcssでjqplotを使用するときにも同様の問題が発生しました。画面キャプチャに基づいて、blueprintcssを使用していると思います。

次の行を削除してみてください。

legend: { show: true, location: 'e' }

正しくレンダリングされるかどうかを確認します。

（編集：詳細はこちら：

https://bitbucket.org/cleonello/jqplot/issue/48/legends-doesnt-look-nice-when-using）

于 2011-08-29T13:34:39.320 に答える
3

CSSファイルに次の行を追加しました：

.jqplot-table-legend {幅：自動; }

jqplotcssファイルからプロパティをオーバーロードします。

私のために働いた。

于 2015-05-12T14:33:53.743 に答える
0

JQPlotチャートの定義は正しいようです。パイは画面上で正しくレンダリングされます。

jquery.jsまたはjquery.min.jsが含まれていません。コードにこのファイルへの参照があることを確認できますか？

また、すべてのjs / cssファイルが正しく参照されていることを確認します（JSView Firefox拡張機能を使用して、それらが実際に含まれていることをすばやく確認できます）。

于 2011-08-13T15:59:37.750 に答える
0

canvas.min.jsをインクルードします。ダウンロードの例で見つけることができます。それは伝説で私のために働いた。

于 2013-03-15T05:01:32.550 に答える
0

アモーTからの答えを拡張したいだけです：

私は同じ問題に直面し、いくつかの小さな変更を加えて、上記の回答を使用しました。

<style type="text/css">
    #chartComponentId table.jqplot-table-legend { width: auto !important;}
</style>
<div id="chartComponentId" class="chartComponent">
...
</div>

！importantを使用する必要があるため、このスタイルシートを特定のdivオブジェクトにバインドすると、他の要素への副作用を防ぐことができます。

于 2016-03-01T10:29:57.560 に答える