2013-03-08 118 views
0

我在GXT應用程序中使用了highcharts。 有2個圖表中GXT可摺疊的面板, 一個柱形圖,另一種是餅圖 還有總是彈出表示highcharts在餅圖中顯示異常「c未定義」

(TypeError): c is undefined 
fileName: http://127.0.0.1:8888/js/highcharts.js 
lineNumber: 118 
columnNumber: 0 

注入用於餅圖JSON數據時(柱形圖作品一個異常一般)。

有沒有人可以幫我檢查一下?

下面是餅圖JSON數據

{ 
    "title" : { 
    "text" : "pie chart" 
    }, 
    "chart" : { 
    "type" : "pie", 
    "renderTo" : "container", 
    "events" : { 
     "load" : function(event) { this.id = 'chart320002'; $wnd.registerChart(this, true);} 
    } 
    }, 
    "series" : [ { 
    "name" : "COUNT", 
    "data" : [ [ "A", 37 ], [ "B", 23 ], [ "C", 21 ], [ "D", 21 ], [ "E", 23 ], [ "F", 19 ], [ "G", 20 ] ] 
    } ], 
    "exporting" : { 
    "buttons" : {"printButton":{"enabled":false}}, 
    "type" : "img/png", 
    "url" : "http://127.0.0.1:8888/export/hiChart" 
    }, 
    "credits" : { 
    "enabled" : false 
    }, 
    "plotOptions" : { 
    "pie" : {"dataLabels":{"formatter":function(){return this.point.name+': '+$wnd.Highcharts.numberFormat(this.percentage,2)+'%';}}} 
    }, 
    "xAxis" : { 
    "title" : { 
     "text" : "Compliant" 
    } 
    }, 
    "yAxis" : { 
    "title" : { } 
    } 
} 
+0

你可以在jsfiddle中重新制作嗎? – SteveP 2013-03-08 09:07:45

+0

對不起,我沒有看到你的回覆,讓我試試jsfiddle,看看是否可以重新制作。 – user2147597 2013-03-12 08:40:13

回答

2

UPDATE:包含來自Highcharts網站的代碼,即http://code.highcharts.com/highcharts.js。當我這樣做,我得到餅圖!活泉!

我有使用不同的數據相同的問題。所有基於線的圖表均正確繪製。

我將您的JSON複製到jsfiddle並運行。然後我把你的JSON粘貼到我的項目中,同樣的錯誤,「c是未定義的」。

我能看到的唯一區別是,當我這樣做:

$('#chart').highcharts({...}); 

我得到$(...)highcharts不是一個函數,所以我用:

var chart = Highcharts.Chart({...}); 

生成相同錯誤的我的餅圖代碼。

 var piechart = new Highcharts.Chart({ 
     chart: { 
      borderColor: '#000000', 
      borderWidth: 2, 
      margin: 32, 
      renderTo: 'piechart', 
      type: chartType 
     }, 
     series: [{ 
      name: 'Channel', 
      data: [{ 
       name: 'Web', 
       y: 75.6 
      },{ 
       name: 'Mail', 
       y: 24.4 
      }] 
     }], 
     title: { 
      text: 'Revenue' 
     }, 
    }); 

這也運行在jsfiddler爲$( '#餅圖')。highcharts ......,但不是我的網頁。

+0

我只是在我的圖表中添加了一個變量名稱(var chart = jQuery(target).highcharts({...),並且似乎將問題排除在外...... – 2014-06-13 09:36:38