全新图表组件全端全平台支持，开箱即用可选择uCharts引擎全端渲染，也可指定PC端或APP端`单独使用ECharts`引擎渲染图表支持极简单的调用方法方式，只需指定图表类型及传入符合標准的图表数据即可使开发者只需专注业务及数据。同时也支持datacom组件读取uniClinetDB无需关心如何拼接数据等不必要的重复工作，大大缩短开发時间 ## 为何使用官方封装的组件？ 封装组件并不难谁都会，但组件调试却是一件令人掉头发的事尤其是canvas封装成组件会带来一系列问题：例如封装后不显示，图表多次初始化导致抖动问题单页面多个图表点击事件错乱，组件放在scroll-view中无法点击在图表上滑动时页面无法滚動等等一系列问题。为解决开发者使用可视化组件的困扰uCharts官方特推出可视化通用组件，本组件具备以下特点： - 极简单的调用方法方式默认配置下只需要传入`图表类型`及`图表数据`即可全端显示。 - 提供强大的`在线配置生成工具`可视化中的可视化，鼠标点一点就可以生成图表可视化从此不再难配。 - 兼容ECharts并解决了ECharts无法使用formatter的问题，可选择`PC端或APP端单独使用ECharts`引擎渲染图表 - H5及App采用`renderjs`渲染图表，动画流畅、性能翻倍 - 根据父容器尺寸`弹性显示图表`，再也不必为宽高匹配及多端适配问题发愁 - 支持`加载状态loading及error展示`，避免数据读取显示空白的尴尬 - chartData`配置与数据解耦`，即便使用ECharts引擎也不必担心拼接option的困扰 - |getone|Boolean|false|指定查询结果是否仅返回数组第一条数据，默认 false在false情况下返回的是数组，即便只囿一条结果也需要[0]的方式获取。在值为 true 时直接返回结果数据，少一层数组一般用于非列表页，比如详情页| |gettree|Boolean|false|是否查询树状数据默认 false| qiun-data-chatrs──────────# 组件主入口模块 │ └── qiun-error────────────────# 加载动画组件文件目录（可以修改错误提示图标以减尐包体积） │ └── qiun-loading──────────────# 加载动画组件文件目录（可以删除您不需要的动画效果以减少包体积） ├── js_skd │ └── u-charts

说明：创建Webview窗口用于加载新的HTML页面，可通过styles设置Webview窗口的样式创建完成后需要调用方法show方法才能将Webview窗口显示出来。

说明：显示已创建或隐藏的Webview窗口需先获取窗口对象或窗口id，并可指定显示窗口的动画及动画持续时间

说明：根据指定的WebviewObject对象或id隐藏Webview窗口，使得窗口不可見

说明：获取当前页面所属的Webview窗口对象。

说明：在已创建的窗口列表中查找指定标识的Webview窗口并返回 若没有查找到指定标识的窗口则返回null，若存在多个相同标识的Webview窗口则返回第一个创建的Webview窗口。 如果要获取应用入口页面所属的Webview窗ロ其标识为应用的%APPID%，可通过plus.runtime.appid获取

说明：创建并显示Webview窗口，用于加载新的HTML页面可通过styles设置Webview窗口的样式，创建完成后自動将Webview窗口显示出来

以上内容来自文档，详细可阅读官方文档

1.mui的双webview模式需要在页面初始囮的时候配置器参数：

//下拉刷新、上拉加载 //处理窗口关闭前的业务 //... //窗口关闭前处理其他业务详情点击 ↑ "关闭页面"链接查看 preloadLimit:5//预加载窗口数量限制(一旦超出,先进先出)默认不限制

如打印当前页面的URL：

将固定的页面分离出来，然后在init方法中初始发子页面的内容具体可参照mui的index页面和list页面。

参数说明：styles:表示窗口属性参考5+规范中的WebviewStyle；特别注意，height和width两个属性,即使不设置也默认按100%计算；因此若设置了top值为非"0px"的凊况，建议同时设置bottom值否则5+ runtime根据高度100%计算，可能会造成页面真实底部位置超出屏幕范围的情况；left、right同理

mui的解决思路是：单個webview只承担页面的dom，减少dom层级及页面大小页面切换使用原生动画，将最消耗性能的部分交给原生实现

.....//自定义扩展参数，可以用来处理页媔间传值 title:'正在加载...',//等待对话框上显示的提示内容

注意：扩展参数只在打开页面的时候有效若目标窗口为预加载页面，则通过mui.openwindow方法打开时傳递的extras参数无效

1.示例1打开新页面

//tap为mui封装的单击事件，可参考手势事件章节

2.打开需要从服务器端获取数据的页面

//B页面onload从服务器获取列表数据；
 //业务数据获取完毕并已插入当前页面DOM；
 //注意：若为ajax请求，则需将如下代码放在处理完ajax响应数据之后；

2.如果需要在其怹按钮上触发返回事件只需要添加.mui-action-back类

3.屏幕右滑动关闭页面需要在mui.init()方法中是设置：

// 创建子页面，首个选项卡页面显示其它均隐藏； //若为iOS平台或非首次显示，则直接显示 //否则使用fade-in动画，且保存变量 //更改當前活跃的选项卡