1.Axure引入Echarts表方法
2.预览Axure9.0原型时，浏览器提示版本过时，该怎么办
3.Axure高保真原型日期天数加减计算器
4.axure引用多个js
5.Axure嵌入GIS地图

Axure引入Echarts表方法

       实现思路

       通过调用外部js模板，可以快速实现Axure中引入Echarts图表的效果。步骤如下：

       首先，创建一个矩形元件，修改app 源码命名为“Charts”，确保其名称与js代码中的引用名称一致。

       接着，给矩形添加“载入时”交互时间，并设置加载代码框架。点击fx编辑区域，粘贴js代码，ppchat 源码核心代码如下：

       javascript: $axure.utils.loadJS('cdn.jsdelivr.net/npm/ec...');

       setTimeout(function(){ var dom = $('[data-label=Charts]').get(0);

       var Chart = echarts.init(dom);

       var option = { }; // 自定义Echarts表格js代码

       if (option && typeof option === "object") {

       Chart.setOption(option, true);

       }}, );

       注意替换代码中的Echarts表格值为所需数据。

       在Axure中全选复制改好的代码，替换选项区域的 { }。

       最后，确定并预览效果。至此，Axure成功展示图表，操作简单高效。

预览Axure9.0原型时，浏览器提示版本过时，该怎么办

       在使用Axure 9制作原型时，预览过程中遇到浏览器提示版本过时的lighthttpd 源码问题并非罕见。此提示通常说明浏览器或内核版本不符合Axure 9的最低要求。切勿急于升级浏览器，因为升级后问题依旧。例如，以浏览器为例，其最高内核版本为Chromium V，而Axure 9官方要求为V，故升级浏览器并不能解决问题。

       为解决此提示，可采取手动去除的方法。首先，打开Axure RP 9生成HTML文件，rocalphago 源码并选择一个文件夹保存，以避免文件散乱。接着，打开生成的原型图文件，找到resources-scripts-player-axplayer.js。在代码中，找到条件表达式

       if ((CHROME && BROWSER_VERSION < ) || // First release

       并将其数值修改为较小的数字，如。修改前，请确认浏览器的当前版本。完成修改后，打开HTML文件，dotnetcasclient 源码即可发现版本过时提示已消失。

Axure高保真原型日期天数加减计算器

       欢迎使用日期天数加减计算器的原型模板。通过此模板，您可以轻松设定起始日期，并填写所需的天数增减值。点击确认按钮后，将自动计算出结束日期。此案例包含两种日期选择器：中继器版与JS版。中继器版提供便捷的日期选择功能，而JS版则利用浏览器内置的日期下拉列表进行操作。建议使用谷歌浏览器体验JS版的完整效果。为了方便您实践与学习，我们已准备了预览链接与下载地址。

       中继器版日期天数加减计算器，为您带来直观且便捷的使用体验。只需选择日期，输入您希望增加或减少的天数，点击确认即可得到结果。无需复杂的操作，一键解决日期计算难题。

       对于寻求更深层次交互体验的用户，我们还提供了JS版日期天数加减计算器。该版本利用浏览器的日期选择功能，让您在网页中直接操作日期下拉列表。请注意，为了确保最佳体验，请使用谷歌浏览器访问此功能。

       为了方便您的使用与学习，我们已准备了原型预览及下载链接。请通过以下链接访问：axhub.im/ax9/f9d3dea...天数加减计算器_中继器版

       我们希望此原型模板能够满足您的需求，并帮助您在项目中实现高效、便捷的日期计算功能。无论您是寻求快速解决方案，还是希望深入了解日期选择器的实现细节，此模板都是您理想的选择。

axure引用多个js

方法如下：

       å½“一个页面有多个js文件的时候，另一个可能出现的问题就是window.onload=function(){ //doSomething()};这个函数出现了多次，这样，只有最后一次出现的才会执行，而之前被引入的js文件的window.onload函数会被后面引入的包含的window.onload函数覆盖，这一点需要格外注意。举例如下：

       ä¾‹1：ViewCode

       è¿™æ—¶ï¼Œæˆ‘们得到的是文字很大（px），颜色还是默认的黑色。

       ä¾‹2：ViewCode

       è¿™æ—¶ï¼Œæˆ‘们的到文字是默认的px，但是颜色已经改变了。

       ç»“论：第二个window.onload确实会覆盖第一个出现的window.onload函数。

       è§£å†³æ–¹æ³•1:将所有的语句写在一个window.onload函数中

       è§£å†³æ–¹æ³•2:使用《JavaScriptDOM编程艺术》一书中所推荐的方法。

Axure嵌入GIS地图

       Axure在进行原型设计时，经常需要引用GIS地图。通常情况下，我们会通过内联框架元件来调用公网地图，但这种方式的地图内容无法进行修改。以下以高德地图为例，介绍如何通过JavaScript注入来实现Axure自定义GIS地图的嵌入。

       1、地图构建

       在打开高德地图API官网时，由于是通过JavaScript注入的方式进行嵌入，因此选择了异常加载地图方式，这样可以使地图加载更加顺畅。示例地址为：lbs.amap.com/demo/javas...

       2、Axure引用

       2.1 创建容器

       在Axure界面中，拖入一个矩形作为地图容器，并将其命名为“container”（可以自定义名称，但需要与JavaScript代码中的data-label值保持一致）。

       2.2 JavaScript注入

       2.2.1 增加交互事件

       增加交互事件，载入时打开链接，超链接到写入JavaScript代码实现GIS的引用，如下图所示：

       2.2.2 JavaScript代码写入

       （a）准备代码

       在编辑框中加入以下代码：

       （b）地图代码

       然后复制高德地图的代码，并将其复制到编辑框中，修改高德key值，修改方式可以参考 lbs.amap.com/api/javasc...

       2.2.3 简化代码

       通过Axure内置的加载JS函数，减少动态加载JS部分的代码。$axure.utils.loadJS(url)函数说明参考

       2.3 效果

       点击预览，调用Chrome浏览器查看效果。