最终效果如下图:
接下来就是数据动态刷新了,这个没什么好说的,就是一个$.post的事,传递一个json给自定义的refresh函数就行了。
$.post(url,null,function(d){
refresh(d);
},'json');
总结下来,有以下一些心得:
1、大屏里面,设计是第一位的;
2、要言之有物;
3、能显示值的一定要显示,不能直接显示的,也要想办法写出来;
4、尽可能不用模板,一个一个组件的定义,不要怕麻烦;
5、用户特别关注的指标,用大字而不是图形显示。
代码演示的地址:http://www.bizinsight.com.cn/big/design.htm,http://www.bizinsight.com.cn/big/design1.htm,图片未处理,加载较慢。
PS:演示地址都有了,要源码的说明水平不足,别留言了。
PS2:演示地址失效了,不再更新,说刷新和分辨率的,这是大屏,分辨率不变的,刷新根据实际情况,推拉都可以,看现场了。
上一篇:使用百度echarts制作可视化大屏——加入地图 下一篇:没有了