jquery调用highcharts生成错误17
我正在努力从highcharts.com上获取一个量表，在一个我已经完成了示例的页面上工作，我看不出我做错了什么。如果有人能指出正确的方向 这是我的小提琴 这是我的密码jquery调用highcharts生成错误17,jquery,highcharts,Jquery,Highcharts,我正在努力从highcharts.com上获取一个量表，在一个我已经完成了示例的页面上工作，我看不出我做错了什么。如果有人能指出正确的方向 这是我的小提琴 这是我的密码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Highcharts Example<
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(function () {
$('#container').highcharts({
chart: {
type: 'gauge',
alignTicks: false,
plotBackgroundColor: null,
plotBackgroundImage: null,
plotBorderWidth: 0,
plotShadow: false
},
title: {
text: 'Speedometer with dual axes'
},
pane: {
startAngle: -150,
endAngle: 150
},
yAxis: [{
min: 0,
max: 200,
lineColor: '#339',
tickColor: '#339',
minorTickColor: '#339',
offset: -25,
lineWidth: 2,
labels: {
distance: -20,
rotation: 'auto'
},
tickLength: 5,
minorTickLength: 5,
endOnTick: false
}, {
min: 0,
max: 124,
tickPosition: 'outside',
lineColor: '#933',
lineWidth: 2,
minorTickPosition: 'outside',
tickColor: '#933',
minorTickColor: '#933',
tickLength: 5,
minorTickLength: 5,
labels: {
distance: 12,
rotation: 'auto'
},
offset: -20,
endOnTick: false
}],
series: [{
name: 'Speed',
data: [80],
dataLabels: {
formatter: function () {
var kmh = this.y,
mph = Math.round(kmh * 0.621);
return '<span style="color:#339">'+ kmh + ' km/h</span><br/>' +
'<span style="color:#933">' + mph + ' mph</span>';
},
backgroundColor: {
linearGradient: {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops: [
[0, '#DDD'],
[1, '#FFF']
]
}
},
tooltip: {
valueSuffix: ' km/h'
}
}]
},
// Add some life
function(chart) {
setInterval(function() {
var point = chart.series[0].points[0],
newVal, inc = Math.round((Math.random() - 0.5) * 20);
newVal = point.y + inc;
if (newVal < 0 || newVal > 200) {
newVal = point.y - inc;
}
point.update(newVal);
}, 3000);
});
});
});
</script>
</head>
<body>
<div id="container" style="min-width: 310px; max-width: 400px; height: 300px; margin: 0 auto"></div>
</body>
</html>
海图示例
$（文档）.ready（函数（）{
$（函数（）{
$（“#容器”）。高图({
图表：{
类型：“仪表”，
对:错,，
plotBackgroundColor:null，
plotBackgroundImage:空，
绘图边框宽度：0，
plotShadow:false
},
标题：{
文字：“双轴速度表”
},
窗格：{
startAngle:-150，
端角：150
},
亚克斯：[{
分:0,，
最高：200，
线条颜色：'#339'，
勾选颜色：'#339'，
minorTickColor:“#339”，
偏移量：-25，
线宽：2，
标签：{
距离：-20，
旋转：“自动”
},
长度：5，
minorTickLength:5，
endOnTick:错误
}, {
分:0,，
最高：124，
位置：'外部'，
线条颜色：'#933'，
线宽：2，
minorTickPosition:“外部”，
勾选颜色：'#933'，
minorTickColor:“#933”，
长度：5，
minorTickLength:5，
标签：{
距离：12，
旋转：“自动”
},
偏移量：-20，
endOnTick:错误
}],
系列：[{
名称：“速度”，
数据：[80]，
数据标签：{
格式化程序：函数（）{
var kmh=这个.y，
英里小时=数学圆（公里小时*0.621）；
返回“+kmh+”km/h
”+
''+mph+'mph'；
},
背景颜色：{
线性梯度：{
x1:0，
y1:0，
x2:0，
y2:1
},
停止：[
[0，#DDD']，
[1'#FFF']
]
}
},
工具提示：{
valueSuffix:'公里/小时'
}
}]
},
//增添活力
功能（图表）{
setInterval（函数（）{
变量点=图表。系列[0]。点[0]，
newVal，inc=数学圆（（数学随机数（）-0.5）*20）；
newVal=点y+inc；
如果（newVal<0 | | newVal>200）{
newVal=point.y-inc；
}
更新点（newVal）；
}, 3000);
});
});
});
<script src="http://code.highcharts.com/highcharts-more.js"></script>
您可能使用了错误的HighChart库。如果您在
图表中出现拼写错误时使用而不是。也可能发生此错误。键入值您将收到相同的错误
示例：type:'colmun'
而不是type:'column'
我今天遇到了这个问题，HighCharts不起作用，但HighStock对特定配置起作用。通过谷歌搜索错误，我找到了这个网站。因此，如果其他人也遇到同样的问题，我在这里添加了我遇到的问题。我花了几个小时才弄明白（在某些情况下必须用HighStock替换HighCharts），您能用HighCharts在JSFIDLE上重新创建问题吗？可能您使用的是Highcharts的旧版本，但是Highstock的最新版本。当然，这是使用Highcharts并产生错误的版本17：这是使用Highstock并有效的版本：我不确定配置的哪个部分导致Highcharts在此失败，你有什么想法@PawełFus？别忘了https
@redolent-我不理解你的评论。如果您的站点不安全，您不必使用https访问库。