Javascript I';我试着使用HighChart map和solid guage,它们都独立地处理我的数据,但我得到了很多错误,我把它们放在了一个文件中
以下是我在一个文件中放置Hightchart地图和仪表时遇到的错误列表。如果我在这上面花了几个小时。。。帮帮我 1.highcharts more.src.js:42未捕获类型错误:无法读取未定义的属性“addEvent”Javascript I';我试着使用HighChart map和solid guage,它们都独立地处理我的数据,但我得到了很多错误,我把它们放在了一个文件中,javascript,highcharts,Javascript,Highcharts,以下是我在一个文件中放置Hightchart地图和仪表时遇到的错误列表。如果我在这上面花了几个小时。。。帮帮我 1.highcharts more.src.js:42未捕获类型错误:无法读取未定义的属性“addEvent” solid gauge.src.js:52未捕获类型错误:无法读取未定义的属性“parse” exporting.src.js:39未捕获类型错误:无法读取未定义的属性“addEvent” export data.src.js:41未捕获的类型错误:无法删除 accessib
您正在仪表声明中再次定义Highcharts名称空间。将重复实例放在文件中时,需要删除它们 以下是地图和仪表的工作代码示例:
//仪表
var计量选项={
图表:{
类型:“solidgauge”
},
标题:空,
窗格:{
中心:['50%,'85%,],
大小:“100%”,
startAngle:-90,
端角:90,
背景:{
backgroundColor:Highcharts.defaultOptions.legend.backgroundColor | | |'#EEE',
内半径:“60%”,
外层:“100%”,
形状:“圆弧”
}
},
出口:{
已启用:false
},
工具提示:{
已启用:false
},
//价值轴
亚克斯:{
停止:[
[0.1,#55BF3B'],//绿色
[0.5,#DDDF0D'],//黄色
[0.9,#DF5353']//红色
],
线宽:0,
宽度:0,
minorTickInterval:null,
金额:2,
标题:{
y:-70
},
标签:{
y:16
}
},
打印选项:{
solidgauge:{
数据标签:{
y:5,
边框宽度:0,
useHTML:true
}
}
}
};
//速度表
var chartSpeed=Highcharts.chart('container-speed',Highcharts.merge(计量选项){
亚克斯:{
分:0,,
最高:200,
标题:{
文字:“速度”
}
},
学分:{
已启用:false
},
系列:[{
名称:“速度”,
数据:[80],
数据标签:{
格式:“”+
“{y}
”+
“公里/小时”+
''
},
工具提示:{
valueSuffix:'公里/小时'
}
}]
}));
//转速计
var chartRpm=Highcharts.chart('container-rpm',Highcharts.merge(gaugeOptions{
亚克斯:{
分:0,,
最高:5,
标题:{
文本:“RPM”
}
},
系列:[{
名称:“RPM”,
数据:[1],
数据标签:{
格式:“”+
“{y:.1f}
”+
'' +
“*1000/分钟”+
'' +
''
},
工具提示:{
valueSuffix:'转数/分钟'
}
}]
}));
//使刻度盘充满活力
setInterval(函数(){
//速度
var point,
纽瓦尔,
股份有限公司;
if(图表速度){
点=图表速度。系列[0]。点[0];
inc=数学圆((数学随机数()-0.5)*100);
newVal=点y+inc;
如果(newVal<0 | | newVal>200){
newVal=point.y-inc;
}
更新点(newVal);
}
//转速
如果(每分钟转数){
点=chartRpm.series[0]。点[0];
inc=数学随机数()-0.5;
newVal=点y+inc;
如果(newVal<0 | | newVal>5){
newVal=point.y-inc;
}
更新点(newVal);
}
}, 1000);
//地图
Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/world population density.json',函数(数据){
//防止颜色计算中的对数错误
data.forEach(函数(p){
p、 值=(p.value<1?1:p.value);
});
//启动图表
Highcharts.mapChart('map'{
图表:{
地图:“自定义/世界”
},
图例:{
标题:{
文字:“每平方公里人口密度”,
风格:{
颜色:(//主题
Highcharts.defaultOptions&&
Highcharts.defaultOptions.legend&&
Highcharts.defaultOptions.legend.title&&
Highcharts.defaultOptions.legend.title.style&&
Highcharts.defaultOptions.legend.title.style.color
)| |“黑色”
}
}
},
地图导航:{
启用:对,
按钮选项:{
垂直排列:“底部”
}
},
工具提示:{
背景颜色:“无”,
边框宽度:0,
影子:错,
是的,
填充:0,
点格式:“”+
“{point.name}
”+
“{point.value}/km²”,
定位器:功能(){
返回{
x:0,,
y:250
};
}
},
颜色轴:{
民:1,,
最高:1000,
类型:“对数”
},
系列:[{
数据:数据,
joinBy:['iso-a3','code3'],
名称:'人口密度',
国家:{
悬停:{
颜色:“#a4edba”
}
}
}]
});
});代码>
#仪表{
显示器:flex;
}
#集装箱速度{
宽度:400px;
高度:300px
}
#集装箱转速{
柔性生长:1;
}
取样规
样图
您正在仪表声明中再次定义Highcharts名称空间。将重复实例放在文件中时,需要删除它们
以下是地图和仪表的工作代码示例:
//仪表
var计量选项={
图表:{
类型:“solidgauge”
},
标题:空,
窗格:{
中心:['50%,'85%,],
大小:“100%”,
startAngle:-90,
端角:90,
背景:{
backgroundColor:Highcharts.defaultOptions.legend.backgroundColor | | |'#EEE',
内半径:“60%”,
外层:“100%”,
形状:“圆弧”
}
},
出口:{
已启用:false
},
工具提示:{
已启用:false
},
//价值轴
亚克斯:{
停止:[
[0.1,#55BF3B'],//绿色
[0.5,#DDDF0D'],//黄色
[0.9,#DF5353']//红色
],
线宽:0,
宽度:0,
minorTickInterval:null,
金额:2,
钛