Question

我在GXT应用程序中使用highcharts。 GXT可折叠面板有2个图表，一个是柱形图，另一个是饼图并且总会出现一个异常显示

(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" : { }
  }
}

Answer 1

更新：包含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中运行为$（'#piechart'）。highcharts ...，但不是我的网页。

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

1 个答案: