2

私のコードには次のものがあります。オプションを持つ

 legend: {show:true}

チャートをひどく台無しにします。凡例セクションが非常に長く、グラフがありません。チャートの外観の画像をここに貼り付けました: http://tinypic.com/view.php?pic=2eqgbgy&s=7

凡例オプションがなくても問題なく表示されますが、チャートにはもちろん凡例がありません。

Chrome では、Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1 という例外が表示されます。

<script type="text/javascript"> 
        line2 = [['Living Expenses',1000], ['Loans',2000], ['Credit 
Card',500]]; 
    $j(document).ready(function() { 
        $j.jqplot.config.enablePlugins = true; 
        $j.jqplot('piechartdiv', [line2], { 
            title: 'Where is my money going?', 
            seriesDefaults:{renderer:$j.jqplot.PieRenderer, 
rendererOptions:{sliceMargin:8}}, legend:{show:true} 
        }); 
}); 

</script> 

<div style="width: 450px;margin: 0px auto;"> 
    <div id='piechartdiv'></div> 
</div>

どんな助けでも感謝します。

4

4 に答える 4

11

Bootstrapまたはその他の CSS リセット ライブラリを使用していますか?

firebug に入って要素を選択すると、要素に設定されたデフォルトのプロパティ<table class="jqplot-table-legend" ...>があることがわかるでしょう。CSS レイアウトで修正できます。width:100%table

#piechartdiv table.jqplot-table-legend {
    width:auto;
}
于 2012-02-11T01:22:58.763 に答える
1

コードに jqplot.css ファイルを含めましたか。

それがコードに含まれていること、および参照しているディレクトリにもファイルが存在することを確認してください。

ありがとうございました

于 2012-10-20T10:37:27.157 に答える
1

私にとって奇妙に思える唯一のことはこれです：

$j.jqplot

コードにJがあるのはなぜですか?それ以外に、すべて問題ないようです。凡例に場所を配置して、問題が解決するかどうかを確認してください。例を次に示します。

plot = $.jqplot('chart2', [arr], {
        grid: {
            drawBorder: true,
            drawGridlines: false,
            background: '#FFFFFF',
            shadow: true
        },
        seriesDefaults: {
            renderer: $.jqplot.PieRenderer,
            rendererOptions: {
                showDataLabels: true
            }
        },
        legend: {
            show: true,
            location: 'e'
        }
    });
于 2010-12-28T07:28:56.500 に答える
0

私は似たようなものに出くわしました。css プロパティ text-align:left をチェックしてみてください

<div id='piechartdiv' style="text-align:left;"></div>

理由はわかりませんが、これらはエラーを修正しました

于 2011-01-20T20:21:31.400 に答える