highcharts在饼图中显示异常“c未定义”

highcharts在饼图中显示异常“c未定义”

问题描述:

我在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

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