类型错误：Highcharts [H]是不是一个函数 [英] TypeError: Highcharts[h] is not a function
本文介绍了类型错误：Highcharts [H]是不是一个函数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我Plnkr链接： http://plnkr.co/edit/S0BKjrgxz564oCPs9nCw?p = preVIEW
![在这里输入的形象描述](\"http://i.stack.imgur.com/OxhSH.png\")
任何想法，为什么我会得到这个错误？不知道在哪里 Highcharts [H] 是...
控制器code
（函数（）{
angular.module（'highChartTest'，['ui.bootstrap'，'highcharts-NG']）
.controller（'MyHighChart'，['$范围，$超时'，MyHighChart]）; // HighCharts柱形图
功能MyHighChart（$范围，$超时）{ VAR VS = $范围;
新浪体育讯北京时间='歌'，
vs.chartObject = {}; 变种dayHolder = [];
变种数= 0;
_.times（97，函数（）{
dayHolder.push（{
X：计数++，
Y：算上++
}）;
}）; //送入导航的默认数据：
vs.navigatorData = dayHolder; this.config = {
选项：{
ignoreHiddenSeries：假的，
学分：{启用：真，文本：www.tickertags.com}，
传说：{
itemStyle：{
颜色：＃333333，
光标：指针，
字体：10px的
的fontWeight：正常的
}，
启用：真实，
飘：真实，
对齐：'左'，
verticalAlign：'顶'，
X：60
}，
图：{
标题：{文字：''}，
字幕：{文字：''}，
renderTo：chart1'，
zoomType：X，
事件：{
载：函数（）{
// HighChart装回调：
broadcastChartLoaded（）;
的console.log（'config.chart.events.load ...'）;
}，
重绘：函数（事件）{
//执行console.log（'图表事件重绘解雇'）;
}
}
}，
滚动：{
启用：假的，
liveRedraw：假的
}，
导航：{
启用：真实，
adaptToUpdatedData：真实，
//启用：假的，
// adaptToUpdatedData：假的，
系列：{
数据：vs.navigatorData
}
}，
rangeSelector：{
启用：假的，
}，
出口：{启用：假}
}，
出口：{启用：假}，
useHighStocks：真实，
X轴：{
序：假的，
dateTimeLabelFormats：{
时间：'％I％P'，
分钟：'％I：％M％P'
}，
事件：{
// afterSetExtremes：afterSetExtremes，
// setExtremes：setExtremes
}，
minRange：3600 * 1000 //1小时
}，
Y轴：[{//主Y轴
标签： {
格式：$ {值：.2f}
风格：{
颜色：＃4C73FF'，
}
}，
标题：{
文字：'价格'，
风格：{
颜色：＃4C73FF'，
}
}
}，
{//次要Y轴
gridLineWidth：0，
标题：{
文字：提及'，
风格：{
颜色：＃FDE18D
//选择一个 - ＃FDE18D，＃7DD0FA，＃58A6EC
}
}，
相反：假的
}]，
FUNC：功能（图）{
vs.chartObject =图;
}， 系列：[{
zIndex的：1000，
Y轴：0，
showInLegend：真实，
颜色：＃4C73FF'，
数据：dayHolder，
键入：'行'，
名称：'间谍'，
dataGrouping：{
启用：真
}
}]
}; 功能broadcastChartLoaded（）{
的console.log（'broadcastChartLoaded !!!'）;
} $超时（函数（）{
的console.log（'内超时，现在加上第1个系列'）;
VAR quoteData = vs.navigatorData;
vs.chartObject.addSeries（{
zIndex的：1000，
Y轴：0，
名称：股票，
数据：quoteData，
键入：'行'，
颜色：＃4C73FF'，
showInLegend：真实，
dataGrouping：{
启用：真
}
}，真正的）;
}，2000）;
}
}）（）;
解决方案
您用highcharts，而不是highstock.js库，但在配置中指定highstock。
http://plnkr.co/edit/mr4STsk3ekVOwXpZVgk0?p=$p$ PVIEW
＆LT;脚本数据需要=highstock@4.2.3数据semver =4.2.3SRC =// cdnjs.cloudflare.com/ajax/libs/ highstock / 4.2.3 / highstock.js＆GT;＆LT; / SCRIPT＆GT;
My Plnkr link: http://plnkr.co/edit/S0BKjrgxz564oCPs9nCw?p=preview
Any idea why I would be getting this error? Not sure where Highcharts[h] is...
Controller Code
(function() {
angular.module('highChartTest', ['ui.bootstrap', 'highcharts-ng'])
.controller('MyHighChart', ['$scope', '$timeout', MyHighChart]);
// HighCharts Column Chart
function MyHighChart($scope, $timeout) {
var vs = $scope;
ticker = 'GOOG',
vs.chartObject = {};
var dayHolder = [];
var count = 0;
_.times(97, function() {
dayHolder.push({
'x': count++,
'y': count++
});
});
// Default data fed into navigator:
vs.navigatorData = dayHolder;
this.config = {
options: {
ignoreHiddenSeries: false,
credits: { enabled: true, text: 'www.tickertags.com' },
legend: {
itemStyle: {
color : "#333333",
cursor : "pointer",
fontSize : "10px",
fontWeight : "normal"
},
enabled : true,
floating : true,
align : 'left',
verticalAlign: 'top',
x: 60
},
chart : {
title : { text: '' },
subtitle : { text: '' },
renderTo : 'chart1',
zoomType : 'x',
events: {
load: function () {
// HighChart loaded callback:
broadcastChartLoaded();
console.log('config.chart.events.load...');
},
redraw: function(event) {
// console.log(' chart events redraw fired');
}
}
},
scrollbar: {
enabled : false,
liveRedraw : false
},
navigator : {
enabled: true,
adaptToUpdatedData: true,
// enabled: false,
// adaptToUpdatedData: false,
series : {
data : vs.navigatorData
}
},
rangeSelector: {
enabled: false,
},
exporting: { enabled: false }
},
exporting: { enabled: false },
useHighStocks: true,
xAxis : {
ordinal: false,
dateTimeLabelFormats : {
hour : '%I %p',
minute : '%I:%M %p'
},
events : {
// afterSetExtremes : afterSetExtremes,
// setExtremes : setExtremes
},
minRange: 3600 * 1000 // one hour
},
yAxis: [{ // Primary yAxis
labels: {
format: '${value:.2f}',
style: {
color: '#4C73FF',
}
},
title: {
text: 'Price',
style: {
color: '#4C73FF',
}
}
},
{ // Secondary yAxis
gridLineWidth: 0,
title: {
text: 'Mentions',
style: {
color: '#FDE18D'
// Pick one - "#FDE18D", "#7DD0FA", "#58A6EC"
}
},
opposite: false
}],
func: function(chart) {
vs.chartObject = chart;
},
series : [{
zIndex: 1000,
yAxis: 0,
showInLegend: true,
color: '#4C73FF',
data: dayHolder,
type: 'line',
name: 'SPY',
dataGrouping: {
enabled: true
}
}]
};
function broadcastChartLoaded() {
console.log('broadcastChartLoaded!!!');
}
$timeout(function() {
console.log('inside timeout, now add 1st series');
var quoteData = vs.navigatorData;
vs.chartObject.addSeries({
zIndex : 1000,
yAxis : 0,
name : ticker,
data : quoteData,
type : 'line',
color : '#4C73FF',
showInLegend : true,
dataGrouping : {
enabled: true
}
}, true);
}, 2000);
}
})();
解决方案
You were using highcharts, and not the highstock.js library, but specifying highstock in the config.
http://plnkr.co/edit/mr4STsk3ekVOwXpZVgk0?p=preview
<script data-require="highstock@4.2.3" data-semver="4.2.3" src="//cdnjs.cloudflare.com/ajax/libs/highstock/4.2.3/highstock.js"></script>
这篇关于类型错误：Highcharts [H]是不是一个函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
