您的位置:首页 > 其它

highchart图表

2017-05-29 16:46 225 查看
 动态曲线主要实现步骤:
   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);
 
                                                                                                                            控制器





视图









内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: