Javascript 无法在google chrome中加载highcharts_Javascript_Jquery_Highcharts

Javascript 无法在google chrome中加载highcharts

javascript jquery highcharts

Javascript 无法在google chrome中加载highcharts,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我正在使用highcharts加载一个图表，我的代码在firefox中正常工作。但若我在chrome中加载它，意味着图形并没有加载。它抛出以下错误 Uncaught TypeError: Cannot read property '0' of undefined at a.Chart.load (loadmap:3239) at a.fireEvent (highcharts.js:30) at a.Chart.onload (highcharts.js:272) a

我正在使用highcharts加载一个图表，我的代码在firefox中正常工作。但若我在chrome中加载它，意味着图形并没有加载。它抛出以下错误

  Uncaught TypeError: Cannot read property '0' of undefined
   at a.Chart.load (loadmap:3239)
   at a.fireEvent (highcharts.js:30)
   at a.Chart.onload (highcharts.js:272)
   at a.Chart.firstRender (highcharts.js:271)
   at a.Chart.init (highcharts.js:247)
   at a.Chart.getArgs (highcharts.js:246)
   at new a.Chart (highcharts.js:246)
   at Object.a.chart (highcharts.js:246)
   at _.Le.<anonymous> (loadmap:3230)
   at Object._.B.trigger (js:99)

Uncaught TypeError:无法读取未定义的属性“0”
在a.Chart.load（loadmap:3239）
在a.firevent上（highcharts.js:30）
在a.Chart.onload上（highcharts.js:272）
在a.Chart.firstRender（highcharts.js:271）
在a.Chart.init（highcharts.js:247）
在a.Chart.getArgs（highcharts.js:246）
在新的a.图表（highcharts.js:246）
在Object.a.chart（highcharts.js:246）
在ule。（装载地图：3230）
at Object.\u.B.trigger（js:99）

我的代码在下面

<!DOCTYPE html>
<html>
<head>
   <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
<link href="public/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="public/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
<link href="public/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="public/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
<link href="public/frontend/style.css" rel="stylesheet" type="text/css" />
<link href="public/frontend/responsive.css" rel="stylesheet" type="text/css" />


<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=&sensor=false&libraries=places"></script>


<script type="text/javascript" src="public/assets/js/geoxml3.js"></script>
<script type="text/javascript" src="public/assets/js/ProjectedOverlay.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<script src="public/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="public/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>  



<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

$(document).ready(function () {

  var left = [[4,7],[9,2]];
  var right = [[2,2],[9,9]];

  </head>
  <body>


    <div id="container" style="min-width: 100px; max-width: 350px; height: 300px; margin: 0 auto"></div>

   </body>

    <script type="text/javascript">
  Highcharts.chart('container', {

    title:{
      text:''
    },

    tooltip: { enabled: false },

    exporting: { enabled: false },

    credits: {enabled: false},

    plotOptions: {
      series: {
        pointStart: 1
      }
    },

    xAxis: {
      max: 10,
      min: 1,
      tickInterval: 1
    },

    yAxis: {
      max: 11,
      min: 0,
      tickInterval: 1,

      plotLines: [{
        color: 'black',
        value: 5.5,
        width: 2
      }],
    },

    series: [{
      showInLegend: false,
      data: left
      },
      {
      showInLegend: false,
      data: right
      },
    ],
  });
});


$（文档）.ready（函数（）{
左var=[[4,7]，[9,2]]；
var right=[[2,2]，[9,9]]；
Highcharts.chart（'容器'{
标题：{
文本：“”
},
工具提示：{enabled:false}，
正在导出：{enabled:false}，
信用证：{已启用：错误}，
打印选项：{
系列：{
起点：1
}
},
xAxis：{
最高：10，
民:1,，
时间间隔：1
},
亚克斯：{
最高：11，
分:0,，
时间间隔：1，
绘图线：[{
颜色：'黑色'，
数值：5.5，
宽度：2
}],
},
系列：[{
showInLegend:false，
数据：左
},
{
showInLegend:false，
数据：对
},
],
});
});

我通过拉威尔使用这个。如果我将此代码用作html，则表示它正在工作。但在laravel中，它不起作用

您的代码应该是这样的

<!DOCTYPE html>
<html>
<head>
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
  <link href="public/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <link href="public/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
  <link href="public/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <link href="public/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
  <link href="public/frontend/style.css" rel="stylesheet" type="text/css" />
  <link href="public/frontend/responsive.css" rel="stylesheet" type="text/css" />


<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=&sensor=false&libraries=places"></script>


<script type="text/javascript" src="public/assets/js/geoxml3.js"></script>
<script type="text/javascript" src="public/assets/js/ProjectedOverlay.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<script src="public/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="public/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>  



<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

</head>
<body>
  <div id="container" style="min-width: 100px; max-width: 350px; height: 300px; margin: 0 auto"></div>
</body>
<script type="text/javascript">
  $(document).ready(function () {
    var left = [[4,7],[9,2]];
    var right = [[2,2],[9,9]];

    Highcharts.chart('container', {

    title:{
      text:''
    },

    tooltip: { enabled: false },

    exporting: { enabled: false },

    credits: {enabled: false},

    plotOptions: {
      series: {
        pointStart: 1
      }
    },

    xAxis: {
      max: 10,
      min: 1,
      tickInterval: 1
    },

    yAxis: {
      max: 11,
      min: 0,
      tickInterval: 1,

      plotLines: [{
        color: 'black',
        value: 5.5,
        width: 2
      }],
    },

    series: [{
      showInLegend: false,
      data: left
      },
      {
      showInLegend: false,
      data: right
      },
    ],
  });
});
</script>


$（文档）.ready（函数（）{
左var=[[4,7]，[9,2]]；
var right=[[2,2]，[9,9]]；
Highcharts.chart（'容器'{
标题：{
文本：“”
},
工具提示：{enabled:false}，
正在导出：{enabled:false}，
信用证：{已启用：错误}，
打印选项：{
系列：{
起点：1
}
},
xAxis：{
最高：10，
民:1,，
时间间隔：1
},
亚克斯：{
最高：11，
分:0,，
时间间隔：1，
绘图线：[{
颜色：'黑色'，
数值：5.5，
宽度：2
}],
},
系列：[{
showInLegend:false，
数据：左
},
{
showInLegend:false，
数据：对
},
],
});
});

您不应该责怪浏览器，因为它已经被证明是正确的。没有图表类型<代码>图表：{type:pie}，例如。。。也许？你也能显示你的html吗？请检查我的问题。@ramonYour。我看到的唯一一件事（这可能只是一个错误的剪切粘贴，是

$（文档）。准备好了，左和右变量放错了地方。@Nisanth如果你是新来的（带高图的拉维尔），请跟随这个，谢谢你的回答。我会检查这个