最近闲逛了一下蛛学堂,也是闲来无事,没曾想竟然各种干货推了出来,看来这个蛛学堂并不是一个摆设,确实是一个学习云蛛系统的圣地,小编先自己膜拜一下。今天下边就一一罗列一下这里面的干货,让您即使没有时间关注蛛网时代,也可以第一时间了解云蛛系统的玩法,原来可以这么玩转BI,竟然可以这么简单。
一 、如何设置页面布局
点击页面便捷按钮

里面会有【详细信息】这一选项,看里面选项,布局这个就是用来设置布局的,其中Freeform,是允许随意拖拽式布局的,而其他的则是按照table化的流式布局来设计的,您可以按需选择,如果没有自己创建一个就好,具体创建过程,请咨询蛛网时代

二、PC和移动如何自适应?
关于PC和移动端自适应的问题,云蛛系统设计之初就考虑到了,请点击页面编辑按钮

在【外观和风格】这一选项,您会看到有连个tab页面,分别是 常规浏览器 和 移动设备,这个 移动设备,就是我们在移动端显示的时候,需要加载的页面主题,系统会自动判断是PC还是移动,从而决定加载哪个主题

三、如何实现在线编辑css或者JavaScript
云蛛系统设计之初就充分考虑到用户使用便利性-在线二次开发
点击页面编辑按钮

您可以看到,javascript选项,您可以在这里输入您的javascript代码,就可以针对当前页面编码了

那么css在哪里输入,别急,在这里

您看到的,有一个【外观和风格】的选项,在该选项的最下方

在这里,您就可以输入您的css代码了,超级方便
四、如何在线热切换主题
云蛛系统在线热切换主题非常的方便,点击页面编辑按钮

选择【外观和风格】

您可以看到很多主题,目前大屏主题请使用demo1 和demo2两个,我们选择demo2,看看有什么效果

选择demo2,点击保存

样子变了哦,这就云蛛系统异常方便的主题在线热切换
五、如何控制图表的颜色
同样拿饼图举例子,点击右上角的轴承标识,如图:

点击【配置】,

进入该组件配置页面点击【基础设置】

在此处可以动态设置图表的颜色,这样就可以动态,在线,所见即所得地随时切换图表的颜色了。
不合适,随时换,随时调整和其它图表的颜色对比进行搭配,就像试衣服一样,这就是云蛛系统所倡导的“试衣模式”
...........
这就是小蛛学堂的另一番景色,小编还会不定期更新更多的小蛛学堂的讯息,让我们共同学习,然来BI还可以这么玩,更多的干货还请您随时关注。
网友评论