Axure集成echarts图表

在Axure原型工具中，集成echarts的步骤：

1、从元件库中拖出一个矩形，并将其命名为Demo（可以自己起）；

2、点击交互中的载入时，打开链接；

3、选择下方的链接到URL或文件路径；

4、在点击fx，在插入变量或函数的输入框中输入下方代码

5、代码

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

  var div = $("[data-label=Demo]").get(0);
  var Chart5 = echarts.init(div);

  var option = {};
  if (option && typeof option === "object") {
    Chart5.setOption(option, true);
  }
}, 100);

注释：

（1）div中的Demo为你创建的矩形框的名称

（2）将echarts的option替换到代码中

（3）注意整个代码不能含有注释

（4）如果加载完后的矩形框还是空白，可以将

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

替换为下方的任意一个试试。

// 第一种
$axure.utils.loadJS('https://cdn.jsdelivr.net/npm/echarts@5.4.0/dist/echarts.min.js');
 
// 第二种
$axure.utils.loadJS('https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.0/echarts.min.js');
 
// 第三种
$axure.utils.loadJS('https://cdn.bootcdn.net/ajax/libs/echarts/5.4.0/echarts.min.js');
 
// 20240325更新
$axure.utils.loadJS('https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js');