저는 각형 응용 프로그램에 하이 차트를 넣으려고합니다. Google 스프레드 시트에서 데이터를 가져 와서 Google에 전화 한 약속 개체를 반환합니다. 그런 다음 옵션 개체를 사용하여 Highcharts.Chart() 메서드를 호출합니다.새 차트를 추가하려고 할 때 undefined가 함수가 아니라고 말합니다.
전화를 걸 때 아래에서 오류가 발생합니다. 나는 무슨 일이 일어나고 있는지 알아 내려고 노력했지만 현재 잃어버린 것입니다. 나는 각도를 사용하지 않는 원형을 가지고 있으며 차트는 훌륭하게 작동합니다. 내가 가서 Highcharts.Chart (options) 라인을 새로 추가 할 때 아래 오류가 발생합니다. 오류가 사라지는 줄을 제거합니다.
어떤 생각이나 도움이 될 것입니다!
오류 :
TypeError: undefined is not a function
at Object.Chart.init (/highcharts.src.js:11014:4)
at Object.Chart (/highcharts.src.js:10937:12)
at data.then.$scope.sheetdata (/js/controllers/controlChartCtrl.js:11:17)
at wrappedCallback (/angularjs/1.2.6/angular.js:10905:81)
at /angularjs/1.2.6/angular.js:10991:26
at Scope.$eval (/angularjs/1.2.6/angular.js:11906:28)
at Scope.$digest (/angularjs/1.2.6/angular.js:11734:31)
at Scope.$delegate.__proto__.$digest (<anonymous>:844:31)
at /angularjs/1.2.6/angular.js:11945:26
at completeOutstandingRequest (/angularjs/1.2.6/angular.js:4098:10)
부분 :
Features:
<div id="feature"></div>
컨트롤러 :
angular.module('controlChartCtrl', []).
controller('ControlChartCtrl', ['$scope', 'GoogleService', function($scope, GoogleService) {
var data = GoogleService.getData();
$scope.helloworld = "hello world!";
data.then(function (data) {
// create charts here
var options = getOptionsForChart('Feature', 'feature', data);
var chart = new Highcharts.Chart(options);
}, function (error) {
$scope.sheetdata = error;
});
var getOptionsForChart = function (title, div, data) {
return {
chart: {
renderTo: div,
type: 'line'
},
title: {
text: title + ' Control Chart'
},
xAxis: {
title: {
text: 'End Dates'
},
categories: data.endDates
},
yAxis: {
title: {
text: 'Lead Time'
}
},
series: [{
name: 'Lead Time',
data: data.leadTimes
}]
};
}
}]);
바보 같은 질문 : 라이브러리가 제대로로드? – elclanrs
지시문을 보여주십시오. 스택 트레이스는 문제가'js/directives/highcharts.js : 14 : 35'에 있음을 분명하게 나타냅니다. – Stewie
예제를 jsFiddle로 재현 할 수 있습니까? –