美文网首页
如何在Axure中动态加载图表(Axhub Charts)

如何在Axure中动态加载图表(Axhub Charts)

作者: 小边_leo | 来源:发表于2020-08-05 08:36 被阅读0次

1.Axhub Charts是基于Echarts和Antv的图表元件库,主要是应用在Axure原型设计

Axhub Charts使用说明:https://axhub.im/pro/3320ad07d6897b89/#g=1&p=about

Echarts:https://echarts.baidu.com,源于百度的开源的可视化解决方案

Antv:https://antv.alipay.com/zh-cn/index.html,源于蚂蚁金服的数据可视化解决方案

2.下载元件库rplib文件

https://axhub.im/pro/3320ad07d6897b89/#g=1&p=about

如果不想注册的,可以在百度网盘中下载 AxhubCharts.rplib

链接:https://pan.baidu.com/s/1DrysflwBn_SFm1W_YdKVOg
提取码:5jq2

image

3.导入下载的元件库

image image

4.应用实例(以条形图为例)

  • 拖拽一个条形图到Axure画布上,预览如下,图表中数据是默认的数据,需要根据自己的具体情况进行修改数据
image
  • 分析元件的组成
image image
  • 修改图表数据中继器中的数据为自己需求的数据
image
  ![image](https://img.haomeiwen.com/i22787871/3579133fc70db9b7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

我们发现由于背景比较深,而图形图的文字部分颜色较浅,视觉效果不好,这个可以修改图表样式中继器

image image

相关文章

网友评论

      本文标题:如何在Axure中动态加载图表(Axhub Charts)

      本文链接:https://www.haomeiwen.com/subject/bscnrktx.html