首页 > 其他 > 详细

CBoard 图表布局浅析

时间:2018-06-29 10:25:25      阅读:498      评论:0      收藏:0      [点我收藏+]

 

 

这两天想了解下图表布局,对前端Angular不熟悉,Java也不熟悉。只能靠经验摸索查找,所以把过程简单记录,生怕忘记。
首先是打开图表,发现位置指向 /config/widget,

技术分享图片

 

然后用IDEA搜索,发现control和view分别对应如下

技术分享图片

但是实际发现widget.html实际并不包含对

技术分享图片

 

就是没有包含实际 行维、列维、过滤 的描述。

技术分享图片

那上述的字段哪里?原来在这个目录里面

技术分享图片

打开,则发现了对应的【图表类型】

技术分享图片

 

打开table.html后,发现这个table.html也发生了嵌套。

技术分享图片

打开config.html,就可以找到对应的维度行

技术分享图片

 

技术分享图片

 

这里也使用了嵌套,每个行维,列维都是一个单独的html

技术分享图片

 

那么保存的事件在哪里触发?如何和后端进行交互呢?

技术分享图片

对应的事件在 widgetCtrl.js的方法体里面

技术分享图片

 这里就通过post,把JSON数据提交给后端进行保存。

技术分享图片

 

 至此,我能了解的过程差不多就这些了。

 

 

 

 

 

 

系列文章:Cboard 系列随笔

CBoard 图表布局浅析

原文:https://www.cnblogs.com/Bruce_H21/p/9241726.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!