Question

我尝试通过尝试示例来学习javascript但放弃了，因为我无法理解事件处理和回调的想法。

以下是我要解决的问题。我有一张图表（highcharts.js）我期待来自服务器的数据 3. Javascript将向服务器请求数据点 4.数据必须附加到图表

我怎样才能做到这一点？你有可以推荐的书或文章吗？我的困惑主要是，回调如何更新全局对象，从而导致elemets刷新？

Answer 1

使用 jQuery ，您可以使用调用$ .get（）从服务器获取de数据。我不知道您使用的是API还是仅使用csv文件，因此使用csv的调用可能是这样的：

$.get('/url/to/file.csv', function (data) {
    $('#container').highcharts({
        data: {
            csv: data
        },
        title : "Some title",
        // etc.
});

我不知道你要求的是什么。我留下了link to ajax example可以帮到你。

Answer 2

在html / jsp / php页面中包含highcharts.js和必需的js文件
服务器应根据请求将xml或JSON数据（需要在高图中显示）返回给客户端。响应标题很重要。
```
 application/json
 text/xml
```

使用jQuery的$ .ajax（）函数从服务器获取数据（XML或JSON格式）以在highcharts中分配以下值

 xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    }


 series: [{
        name: 'Tokyo',
        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
    }, {
        name: 'New York',
        data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
    }, {
        name: 'Berlin',
        data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
    }, {
        name: 'London',
        data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
    }]

在页面加载/任何其他事件

上将highcharts绑定到div容器

 $(document).ready(function(){
     $('#container').highcharts({
         ....
     });
 });

确保网页有容器

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

多数人

了解javascript事件处理和ajax请求

2 个答案: