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" : { }
}
}
答
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
你可以在jsfiddle中重新制作吗? – SteveP 2013-03-08 09:07:45
对不起,我没有看到你的回复,让我试试jsfiddle,看看是否可以重新制作。 – user2147597 2013-03-12 08:40:13