highchart图表

 动态曲线主要实现步骤:

   1:借助 load事件

   2:拿到曲线存放坐标的数组

   3:每个1秒钟向坐标数组添加点

    addPoint([x,y],true,ture)


  固定y坐标范围:

     Min:最小y坐标

     Max:最大y坐标

   

  Ø 图标分类:

     Line:折线图

    SPLINE:曲线

    Column:柱状图

    Area:区域图

       Areaspline:平滑的区域图

 

Ø 后台组织好数据

  

   1:先把不变的参数提出来

   2:发送ajax请求,得到后台的json数据

          

           怎么来组织需要的json格式

    [{

              Name:’图标名字’,

                 Data:[需要的数据,也就是坐标点]

    }]              

 

    [{"name":"北京","data":[0,-10,30,20,50,-30]}]

    3:调用highchart方法生成图标

  Ø 更具数据库动态的生产图标

       

      表:城市表,温度表

     1:先查询城市表

        遵义,贵阳 

     2:更具城市id去查询对应的温度数据

    3:在内存中把数据处理成需要的格式

         Linq to object  , linq操作内存

         查询一个字段

          .select(a=>a.Id);

           .select(a=>a.Teap);

 

                                                                                                                            控制器






视图







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值