2014-06-24 33 views
-2

我正在重現我的餅圖上的jsfiddle這裏:不能重現餅圖中的jsfiddle

我已經把從這個例子參考:

http://jsfiddle.net/z3fZv/

這是我的js代碼:

$(function() { 
    var chart; 

    $(document).ready(function() { 

     highOptions1 = { 
     chart: { 
      plotBackgroundColor: null, 
       plotBorderWidth: null, 
       plotShadow: false, 
      renderTo: "container4" 
      type: 'pie' 
     }, 
     title: { 
      text: "Test" 
     }, 
     yAxis: { 
      title: { 
       text: '' 
      } 
     }, 
     plotOptions: { 
      pie: { 
       shadow: false, 
       dataLabels: { 
        enabled: true, 
        distance: 16, 
        color: '#000000', 
        connectorColor: '#000000', 
        formatter: function() { 
         var val = 240012; 
         if (val == 0) { 
          return ''; 
         } 
         return "2%'"; 

        } 
       } 
      } 
     }, 

     series: [{ 
      name: 'Repairs', 
      data: [] 

    }; 

     highOptions1.series[0].data = []; 
     chart = new Highcharts.Chart(highOptions1); 

}); 

    }); 

莫名其妙地它不是複製...任何建議將有所幫助

回答

2

renderTo: "container4"

變化

renderTo: "container4" 

後添加了jQuery的小提琴,你缺少一個,

renderTo: "container4", //<=== Comma missing 

而且從左上角選擇框中選擇jQuery的。

Updated Fiddle

+0

爲什麼downvote?你會不會解釋? –

+0

另外,不需要'$(document).ready(function(){'line,因爲這與'$(function(){' –

+0

@AliRızaAdıyahşi相同這不是一個錯誤,而是你可以刪除它。可以將其分類以在代碼審查中提及。 –