阅读数:140 评论数:0

1、首先在页面上添加一个矩形，设置名为testChart

2、在需要插入echarts的页面中交互事件-》页面载入时-》打开链接，加下如下代码。

javascript:
$axure.utils.loadJS('https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js');

本地测试时，也可以使用把下载的js文件放到Axure的安装目录下面，具体为D:\Program Files (x86)\Axure\Axure RP 9\DefaultSettings\Prototype_Files\resources目录下，只要在这个目录下就可以正常引用，推荐放在该目录下的scripts文件夹中。

然后

javascript:
$axure.utils.loadJS('resources/scripts/echarts.min.js');

3、在testChart的载入时-》先设置延时2000ms，然后打开链接，加入如下代码

javascript:
var dom =$('[data-label=testChart]').get(0);/*这里的testChart就是你矩形的名字*/
    var myChart = echarts.init(dom);
    var option = {
   // 这里是具体charts的代码
    };
    if (option && typeof option === "object"){
       myChart.setOption(option, true);    
}

注意代码码不要有注释代码

option中的代码按需更换为官网的一个实现。