weixin_43962384的博客

本示例将介绍使用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",//声明的元素对象

有时候我们需要对数据进行一种图表展示效果，一般情况下我们用的最多的是插件，主要通过H5的canvas实现。图表往往是定死的样式。如果想改变样式或者添加新的功能比较困难了。这里我使用SYSUI开发一套自定义模板的图表，主要通过html+css，配合少了的js实现。 以下是通过SYSUI框架实现的效果图： 事例地址：演示地址 基于SYSUI开发的图表其中柱状图图表是图表中配置最简单的，只需要通过标签指令配置完成，以及css样式实现，可以自己扩展方法，可以随便修改展示的效果。 下面介绍下最基本的配置： 1.ht

有时候我们需要对数据进行特殊的展示，如架构图展示，这里我们就用js编写一个功能强大但代码量少的事例。 SYSUI框架下载地址：下载地址 使用SYSUI前端UI框架开发一个多级架构图不限等级 如图： 无等级限制，更重要的是用户可以自己编写展示的样式，点击操作，不单单如图显示。用户通过html标签来实现不一样的显示 事例地址：演示地址 以下为html代码中需要编辑的内容，不同在于需要配置一些标签属性来实现效果 <ul class="clearfix menu-section menulist" id="