javascript highcharts jQuery问题_Javascript_Jquery_Highcharts_Get

javascript highcharts jQuery问题

javascript jquery highcharts

javascript highcharts jQuery问题,javascript,jquery,highcharts,get,Javascript,Jquery,Highcharts,Get,我在highcharts javascript中绘制json文件时遇到问题。下面是我的代码。任何帮助都将不胜感激我的test.json文件只包含：[1,2] <html> <head> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://code.highcharts.c

我在highcharts javascript中绘制json文件时遇到问题。下面是我的代码。任何帮助都将不胜感激

我的test.json文件只包含：

[1,2]

<html>
<head>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://code.highcharts.com/highcharts.js"></script>
    <script src="http://code.highcharts.com/modules/exporting.js"></script>
    <script type="text/javascript">
    var a = $.get('test.json');
    $(function () {
        $('#container').highcharts({
            chart: {
                type: 'line'
                },
            series: [{
                data: [a]
            }]
        });
    });  
</script></head>
<body>
    <div id="container"></div>
</body>
</html>


var a=$.get（'test.json'）；
$（函数（）{
$（“#容器”）。高图({
图表：{
类型：“行”
},
系列：[{
数据：[a]
}]
});
});

我敢肯定，如果你没有看到任何东西（或奇怪的图形），那是因为你应该：

data: a

相对于

data: [a]

数据字段应该是一个整数数组。现在，它看起来像一个整数数组，会被Highcharts误解。

您将数组作为数组中的元素传递，从而生成一个整数数组。这使得它只能在一些奇怪的情况下绘制，但并不总是这样

奇数情况意味着[[1,2,3,4]]，这将不会被绘制

比如说 [[1,2]，[2,4]]表示在图表中的（1,2）和（2,4）位置绘制的2个点

所以在你的例子中，它只画在（1，2）点，而不是你想要的2点

[1,2]表示y值第一个为1，第二个为2的2个点

我认为这就是你得到的问题，不是2个点，而是只画了一个点

应该如此

date: a

但不是

data: [a]

我认为问题在于您的AJAX调用，根据，您应该使用回调：

<script type="text/javascript">
  $(function () {
    $.get('test.json', function(data) {
      $('#container').highcharts({
        chart: {
            type: 'line'
            },
        series: [{
            data: data
        }]
      });
    });
  });  
</script>


$（函数（）{
$.get（'test.json'，函数（数据）{
$（“#容器”）。高图({
图表：{
类型：“行”
},
系列：[{
数据：数据
}]
});
});
});

因此：在回调中创建图表，它是在AJAX的数据到达JS后调用的。

您应该在$.get（）回调中初始化图表，因为这样可以避免丢失数据

    $(function () {
        var a = $.get('test.json',function(data){
          $('#container').highcharts({
            chart: {
                type: 'line'
                },
            series: [{
                data: data
            }]
          });
        });
    });

那么你犯了什么错误？