如何在Axure 9.0 中使用echarts

在需要插入echarts的页面中交互事件 -> 页面载入时 -> 打开链接 ,加入如下代码,插入echats代码。

javascript:
var script = document.createElement('script');
script.type = "text/javascript";
script.src ="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js";
document.head.appendChild(script);

在页面中拖入矩形元件，并取个名字，比如echart-rect。

在矩形元件echart-rect的交互->载入时->打开链接, 加入如下代码。注意代码中不要带用中文注释。

javascript:
setTimeout(function(){var dom =$('[data-label=echart-rect]').get(0);var myChart = echarts.init(dom);var option = {legend: {},tooltip: {},dataset: {dimensions: ['product', 'Reject', 'Inspected'],source: [{product: 'HVFA 5',  'Reject': 132, 'Inspected': 1200},{product: 'HVFA 1',  'Reject': 80, 'Inspected': 1400},{product: 'HVFA 3', 'Reject': 103, 'Inspected': 1250}]},xAxis: {type: 'category'},yAxis: {},series: [{type: 'bar'},{type: 'bar'}]
};if (option && typeof option === "object"){myChart.setOption(option, true);    }
}, 400);

option 中的代码来至官网中的一个实例，可按需更换。1. 在需要插入echarts的页面中交互事件 -> 页面载入时 -> 打开链接 ,加入如下代码,插入echats代码

javascript:
var script = document.createElement('script');
script.type = "text/javascript";
script.src ="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js";
document.head.appendChild(script);

在页面中拖入矩形元件，并取个名字，比如echart-rect。

在矩形元件echart-rect的交互->载入时->打开链接, 加入如下代码。注意代码中不要带用中文注释。

javascript:
setTimeout(function(){var dom =$('[data-label=echart-rect]').get(0);var myChart = echarts.init(dom);var option = {legend: {},tooltip: {},dataset: {dimensions: ['product', 'Reject', 'Inspected'],source: [{product: 'HVFA 5',  'Reject': 132, 'Inspected': 1200},{product: 'HVFA 1',  'Reject': 80, 'Inspected': 1400},{product: 'HVFA 3', 'Reject': 103, 'Inspected': 1250}]},xAxis: {type: 'category'},yAxis: {},series: [{type: 'bar'},{type: 'bar'}]
};if (option && typeof option === "object"){myChart.setOption(option, true);    }
}, 400);

option 中的代码来至官网中的一个实例，可按需更换。

如何在Axure 9.0 中使用echarts相关推荐

如何在 vue-cli v3.0 中使用 SCSS/SASS
在项目中使用 SCSS/SASS 进行样式编写无疑会节省很多开发样式的时间.关于如何在 vue-cli v3.0 中使用 SCSS/SASS,这里提供三种方案.前提是在使用 vue-cli 生成项目时 ...
pythonfillcolor填充不了颜色_如何在matplotlib 2.0中仅使用图案填充（无背景色）填充区域...
matplotlib&gt:2.0.1 由于GitHub上有很多关于填充的discussion,现在引入了一些更改,使填充更加直观. 如果使用的是facecolor参数而不是color参数,则 ...
buddypress主题_如何在WordPress 3.0中启用BuddyPress
buddypress主题 In WPMU, there was an option that would let you add Buddypress function on all multi-bl ...
axure rp 创建弹框_如何在Axure RP 9中创建交换机
axure rp 创建弹框 Axure is a well-known prototyping tool with a lot of history, it has been around for y ...
【3d地图】vue3.0中使用echarts geo3D
文章目录前言一.echarts是什么? 二.使用步骤 1.引入echarts库,3d地图必须安装echarts-gl依赖 2.制作地图JSON文件 3.引入到vue组件中总结前言之前我们已经 ...
expressjs mp4_了解如何在ExpressJS 4.0中使用新路由器
expressjs mp4 With the new ExpressJS 4.0 just being released last week, there are many changes that ...
如何在MSN 7.0中显示Winamp或Foorbar中正在播放的曲目名称
MSN Messenger 7 中提供了可以显示当前用户正在通过 Windows Media Player 播放的曲目名称,并分享给好友.但是,如果我们使用其他第三方播放软件,如 Winamp.Foo ...
PHP中使用SHA256,如何在php5.3.0中使用sha256
我正在使用sha256加密密码.我可以在mysql中保存sha256加密密码.但是我无法使用相同的子句登录. 插入代码: error_reporting(E_ALL ^ E_NOTICE); $use ...
如何在 Vue 项目中使用 echarts
数据的重要性我们大家都知道,就算再小的项目中都可能使用几个图表展示,我最近在做项目的过程中也是需要用到图表,最后选择了echarts 图表库,为什么选择 echarts,第一:简单上手容易,第二:它几 ...

如何在Axure 9.0 中使用echarts

如何在Axure 9.0 中使用echarts

如何在Axure 9.0 中使用echarts相关推荐

最新文章

热门文章