Javascript highcharts bubble无法加载
我使用Highcharts Bubble作为其官方网站的示例，并尝试使用Framework CodeIgniter对其进行修改。 我在GoogleChrome和Firefox中运行它，但没有显示任何内容。 这是密码Javascript highcharts bubble无法加载,javascript,highcharts,Javascript,Highcharts,我使用Highcharts Bubble作为其官方网站的示例，并尝试使用Framework CodeIgniter对其进行修改。 我在GoogleChrome和Firefox中运行它，但没有显示任何内容。 这是密码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>STATISTIK</title> </head
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>STATISTIK</title>
</head>
<link href="http://10.16.107.77/statistik/public/css/main.css" rel="stylesheet">
<script src="http://10.16.107.77/statistik/public/jquery/jquery-ui-1.10.3/js/jquery-1.9.1.js"></script>
<script src="http://10.16.107.77/statistik/public/jquery/jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.js"></script>
<script src="http://10.16.107.77/statistik/public/jquery/jquery.validate.js"></script>
<style>
#content {
position: relative;
}
#content img {
position: absolute;
top: 0px;
right: 10px;
}
</style>
<body>
<div id="content">
</div>
<!--link rel="stylesheet" type="text/css" href="http://10.16.107.77/statistik/public/css/CreativeCSS3AnimationMenus/css/demo.css" /-->
<script src="http://10.16.107.77/statistik/public/jquery/highcharts.js"></script>
<script src="http://10.16.107.77/statistik/public/jquery/highcharts-more.js"></script>
<script src="http://10.16.107.77/statistik/public/jquery/exporting.js"></script>
<div id="container" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>
<script>
$(function () {
$('#container').highcharts({
chart: {
type: 'bubble',
zoomType: 'xy'
},
title: {
text: 'Formasi Tenaga Kerja'
},
series: [{
data: [[97,36,1000]],
name: 'Area Medan'
}, {
data: [[25,10,1000]],
name: 'Area Lubuk Pakam'
}, {
data: [[47,47,1000]],
name: 'Area Binjai'
}, {
data: [[75,80,1000]],
name: 'Area Sibolga'
}, {
data: [[60,25,1000]],
name: 'Area Rantau Prapat'
}, {
data: [[100,80,1000]],
name: 'Area Padang Sidempuan'
}, {
data: [[80,55,1000]],
name: 'Area Nias'
}, {
data: [[75,80,1000]],
name: 'Area Pematang Siantar'
}]
});
});
</script></body>
</html>
请尝试导入highcharts-more.js文件。 请看下面的工作示例： 代码： HTML:
尝试导入highcharts-more.js文件。 请看下面的工作示例： 代码： HTML:
你能在开发者工具控制台中看到任何错误吗？你能创建一个显示错误的JSFIDLE示例吗？也许只有我一个人，但我看不出PHP和CodeIgniter有什么关系。我在提供的代码中看不到这两个文件的任何痕迹。JS文件的路径正确吗？@anurupr。我发现这些错误类型错误：R未定义…boxplot=op.column，{fillColor:FFFFFF，线宽：1，中间宽度：2，状态：{hover:…highch…more.js第29行未捕获的异常：Highcharts错误17:www.Highcharts.com/errors/17它说明缺少Highcharts-more.js。上面的代码已经加载了该脚本。但仍然为空。你能在开发工具控制台中看到任何错误吗？你能创建一个显示错误的JSFIDLE示例吗？也许只是我，但我看不出PHP和CodeIgniter有什么关系。我在提供的代码中看不到这两者的任何痕迹。JS文件的路径正确吗？@anurupr。我发现这些错误类型错误：R未定义…boxplot=op.column，{fillColor:FFFFFF，线宽：1，中间宽度：2，状态：{hover:…highch…more.js第29行未捕获的异常：Highcharts错误17:www.Highcharts.com/errors/17它说明缺少Highcharts-more.js上面的代码已经加载了该脚本。但仍然为空。我已经从我在服务器中复制的文件导入了该脚本作为上面的代码。我认为这不是主要问题。Thnx用于Reply请检查演示并根据Thnx进行更改。我已经尝试了您的解决方案，它是有效的。但下一个问题是，我不能将脚本复制到我的服务器并在本地进行尝试。为什么必须从其官方网站加载它？因为您的服务器给出了ERR\u EMPTY\u响应。请在本地进行尝试，然后使用serverI'v进行检查我已经按照上面的代码从我复制到服务器的文件中导入了脚本。我认为这不是主要问题。Thnx要复制请检查演示并根据Thnx进行更改。我已经尝试了您的解决方案，并且效果良好。但是下一个问题是，我不能将脚本复制到服务器并在本地尝试。为什么必须加载它从其官方网站删除？这是因为您的服务器给出了ERR_EMPTY_响应。请在本地尝试，然后与服务器进行检查
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>