![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
框架
文章平均质量分 87
胡向雷
我是一个热爱钻研计算机技术的青少年,从小开始对计算机有极大的兴趣。目前我专注网站前端开发领域。我还自己建立了一个前端UI框架名叫SYSUI框架,里面有我自己开发的系统后台UI界面和多个JS插件,希望能和大家合作,一同创造出属于我们自己的原创作品。
展开
-
SYSUI-自定义图表折线图代码-非svg和canvas
本示例将介绍使用SYUSI框架扩展的一个折线图图表功能模块,数据展示非svg和canvas模式,而是传统的html结构,以操作DOM处理。 //引入SYSUI框架 <script type="text/javascript" src="../js/SYSUI/SYSUI.js"></script>//本地地址 用户可以自己去下载 下载地址:下载SYSUI.JS var sys=new Global.SYSUI({ Module:"#themeModule",//声明的元素对象原创 2022-01-21 15:15:00 · 253 阅读 · 0 评论 -
SYSUI-自定义图表模板代码
有时候我们需要对数据进行一种图表展示效果,一般情况下我们用的最多的是插件,主要通过H5的canvas实现。图表往往是定死的样式。如果想改变样式或者添加新的功能比较困难了。这里我使用SYSUI开发一套自定义模板的图表,主要通过html+css,配合少了的js实现。 以下是通过SYSUI框架实现的效果图: 事例地址:演示地址 基于SYSUI开发的图表其中柱状图图表是图表中配置最简单的,只需要通过标签指令配置完成,以及css样式实现,可以自己扩展方法,可以随便修改展示的效果。 下面介绍下最基本的配置: 1.ht原创 2021-07-19 11:03:20 · 290 阅读 · 0 评论 -
使用SYSUI开发一个架构图代码使用说明
有时候我们需要对数据进行特殊的展示,如架构图展示,这里我们就用js编写一个功能强大但代码量少的事例。 SYSUI框架下载地址:下载地址 使用SYSUI前端UI框架开发一个多级架构图不限等级 如图: 无等级限制,更重要的是用户可以自己编写展示的样式,点击操作,不单单如图显示。用户通过html标签来实现不一样的显示 事例地址:演示地址 以下为html代码中需要编辑的内容,不同在于需要配置一些标签属性来实现效果 <ul class="clearfix menu-section menulist" id="原创 2021-07-16 15:36:41 · 383 阅读 · 1 评论