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