自定义开发领域控件原创
11人赞赏了该文章
696次浏览
编辑于2021年03月04日 17:52:31
实现:
前端的实现参考上篇文章https://club.kdcloud.com/article/154967026157719296
后台封装,实现一个图表领域控件的封装
画报图表控件的使用
为什么封装领域控件?
领域控件封装是在使用自定义控件能像平台控件类似,在自己项目中多个页面使用,只需要拖入自定义控件,绑定控件方案,在插件里面设置控件属性,设置新数据
1、最终实现效果,上篇文章是直接在前端js里面预置Json数据渲染,本次实现是在插件里面设置数据
2、控件封装的目录
3、自定义控件封装部分代码
WzyControlCustom.java 自定义控件常用属性,setData,setKey,setView等,正常控件是不需要继承Chart这个类的,因为我是图表类型控件封装,所以才需要
WzyControlCustomAp.java
封装一些属性,自定义控件绑定方案setCtrlSchema,setKey等,普通控件不需要实现ChartAp<PictorialChart>
4、画报图表封装
实现一些需要的方法,父类没有的自己造
PictorialChart.java
PictorialChartAp.java
因为没有控件属性,用的自定义控件属性,所以随便加
PictorialSeries.java
设置系列,原来的图表控件不满足我,加了两个方法,图片src绘制,绘制svg的path
public class PictorialSeries extends Series
5、画报图使用
跟图表控件类似,简单看一下
【emoji】
赞 11
11人点赞
还没有人点赞,快来当第一个点赞的人吧!
打赏
0人打赏
还没有人打赏,快来当第一个打赏的人吧!
推荐阅读