我们在用Axure画原型图的时候,往往会用到数据可视化,柱状图📊、折线图、饼状图等等,今天我给大家介绍一款好用又免费的图表元件库--Axhub,不是安利啊,是真心好用

➡️这个是访问地址图表元件库下载地址/
这里有折线图、柱状图、堆叠柱状图、条形图、堆叠条形图、面积图、饼图、环形图、漏斗图、甘特图、散点图

还愣着干嘛,赶紧下载呀,下面我介绍一些基本用法
点击载入元件库,选择下载好的axhub图标元件库文件

加载元件库之后,可以下拉选择AxhubCharts元件库

各种图标应有尽有,拖拽到设计图中,然后预览可以看到效果了哦


如果你想改变图标的数据、图标的颜色、横纵坐标显示内容,时候显示图例等等,你都可以在data、config中继器中进行修改

这是我修改后的样子哦,你也可以根据你的需求,灵活修改哦

最后还要提醒一下大家,这个元件库必须在联网的情况下,才能正常显示,为什么呢?因为它在加载时请求了服务器的静态资源

最后 🙌
好啦,以上就是我本次分享的全部内容啦,如果你觉得我的文章对你有一丢丢帮助,那么请不要吝啬你的赞👍哦,阿门~
网友评论