开发记录——Highcharts应用

最近在靠山平台接手了一项股票APP开发的项目，作为使用最多的图表，对Highcharts使用做个记录。

Highcharts用来作为图表数据的展示十分方便，效果也比较好，不仅可以实现死数据的展示，也能实现动态数据的实时添加显示。

这是官方API文档地址：https://api.highcharts.com.cn/highcharts

在引用HighCharts后，可以通过Highcharts.chart('Id')方法将图表装载到相应的容器中。js部分的代码如下：

var chart = null;

var datas = []

//通过接口获取数据，然后遍历到datas中

$.post("/index.php",function(res){

    for(var s=0;s<res.length;s++){

        datas.push({

            x: res[s].date*1000,        //X轴所使用的为毫秒时间戳

            y: Number(res[s].price)

       });          

    }

    //创建图表

    chart = Highcharts.chart('container', {

        title: {

              text: '新图表标题'

        },