2013-03-08 3 views
0

Я использую highcharts в приложении GXT. Есть 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

+0

Извините, я не видел вашего ответа, позвольте мне попробовать jsfiddle и посмотреть, можно ли это перепрограммировать. – user2147597

ответ

2

UPDATE: Включите код с веб-сайта Highcharts, т.е. http://code.highcharts.com/highcharts.js. Когда я это делаю, я получаю круговые диаграммы! Woot!

У меня такая же проблема, используя разные данные. Все линейные диаграммы построены правильно.

Я скопировал ваш 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 ..., но не веб-страница.

+0

Я просто добавил имя переменной в свою диаграмму (var chart = jQuery (target) .highcharts ({...), и это, казалось, разобрало проблему ... –

Смежные вопросы