2010-11-15 81 views
2

我在我的代碼中有以下內容。有選項jqplot和圖例選項問題

legend: {show:true} 

糟糕的圖表。圖例部分很長 並且沒有圖表。 我在這裏粘貼圖像圖表的外觀: http://tinypic.com/view.php?pic=2eqgbgy&s=7

這表明沒有傳說中的選項精細,雖然,但圖表當然是沒有的傳說。

在Chrome中我看到了以下異常 未捕獲的錯誤:INDEX_SIZE_ERR:DOM異常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> 

讚賞任何幫助。

回答

1

,似乎怪我的唯一的事情是這樣的:

$j.jqplot 

爲何會出現在你的代碼的一些Ĵ的?除此之外,一切似乎都很正常,也許可以嘗試在一個位置在傳說看看是否解決了這個問題,這裏是一個例子:

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' 
     } 
    }); 
+3

的$ J的可能是jQuery的或只是一個替代名稱$因爲與使用$符號 – 2011-07-27 12:37:47

0

我碰到類似的東西。 嘗試檢查CSS屬性text-align:left進行

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

我怕我不知道爲什麼,但這些固定的錯誤,我

10

您是否使用Bootstrap或其他一些CSS重置庫?

如果進入螢火蟲並選擇<table class="jqplot-table-legend" ...>元素,則可能會看到有一個width:100%默認屬性設置了table元素。您可以在您的CSS佈局中修復它:

#piechartdiv table.jqplot-table-legend { 
    width:auto; 
} 
+2

這應該被接受爲答案OP的問題,其他庫的兼容性。我有這個問題,實際上我的CSS樣式表明所有表格的寬度都是100%,這打破了傳說。 – 2012-05-16 10:30:56

1

您是否在代碼中包含了jqplot.css文件。

請確保它包含在代碼中,並且該文件也存在於您所指的目錄中。

謝謝