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);
控制器
视图
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);
控制器
视图
相关文章推荐
- HighChart(二)图表自适应容器
- highchart图表 | 加基准线
- highchart图表 | 改变图表颜色
- highchart的图表出不来几种情况总结
- highchart宽度自适应的问题-图表压缩到一起
- Highchart基础教程-图表的主要组成
- highchart几个图表马金摘要
- jquery图表,范例及推荐 highchart+sparkline
- jquery图表范例及推荐highchart+sparkline
- 自动化邮件报告平台-邮件发送highchart图表
- Highchart基础教程-图表配置
- highchart图表drilldown钻取功能及event点击事件添加--补充钻取多图显示(2)
- highchart是个好东西,html做图表,jq太强大了
- highChart动态生成图表一片空白
- highchart图表drilldown钻取功能及event点击事件添加(1)
- highchart的图表出不来几种情况总结
- 进一步封装highchart,打造自己的图表插件:jHighChart.js
- 进一步封装highchart,打造自己的图表插件:jHighChart.js
- 进一步封装highchart,打造自己的图表插件:jHighChart.js
- highChart图表