axure如何制作精美的大屏报表以及图表

1、大屏由报表/柱状图/折线图等等多种图表进行排版组成，有的时候还涉及两种图表叠加展示。

1、灵活简单

直接使用axure的charts图表

2、拖拽需要的图表到页面-----双击----查看概要，此时可以看到这个图表在概要里对应的文件夹。

3、点击后缀是“---data”这一栏，在样式的下方看到修改数据列表。根据需要增删数据即可。

注意：

增删行/列：直接点击顶部的按钮或在最后一行填入数据后系统会自动新增一行。

键入数据：单击后直接输入信息，表格顶部一行不支持输入中文。

4、数据填好后，直接点击顶部的发布---预览，或右上角的预览按钮即可。

5、如果需要叠加图表，直接拖拉一个新的图表按以上操作重复一遍即可。

6、如果需要修改颜色，在这里可以自定义修改

1、繁琐但美观

对图表美观性高要求的用户，只能自己动手使用原型里的基本元件画出需要的效果了。

2、拉原件的水平线和垂直线制作成一个表格

3、如下图所示，把元件准备并放到对应位置

4、按照上一个步骤，制作其他月份的以完成整个图表。

5、此时，图表的元件都已经完成了，但是为了有动态效果，我们需要配合动态交互效果。先隐藏轮播的文本框（下图1），然后编写交互用例。

6、动态用例编写：

实现月份1默认显示3000毫秒：新建交互---选择“载入时”---“显示/隐藏”-----选择对象（月份1的文本框）----设置为“显示、动画为逐渐、500毫秒、置于顶层”；在左侧找到“其他动作”--等待---设置等待3000毫秒。

实现月份n-1消失：“显示/隐藏”-----选择对象（月份n-1的文本框）----设置为“隐藏、动画为逐渐、500毫秒”；

月份n显示：“显示/隐藏”-----选择对象（月份1的文本框）----设置为“显示、动画为逐渐、500毫秒、置于顶层”；在左侧找到“其他动作”--等待---设置等待3000毫秒。

1、引用其他在线的Echarts软件制作再粘贴到原型里

百度在线编辑Echarts图表的网站，找到需要的图表，点击【编辑源代码】如下图，哪怕是不懂程序的同学也可以根据文字轻松找到修改的地方。也支持增加或删除横纵坐标以及柱状图的条数的。。。。非常轻松便捷，不过背景颜色的修改需要花点心思跟大屏的弄成一致。

2、个别网站还支持可视化编辑，就更没有困难了。。。

3、最后根据需要导出png、jpg、pdf、svg格式都可以，原型的话svg比较好，这样背景色是透明的，才可以显示大屏的背景。