做产品经理的过程中,后台的产品做了不少,画可视化图表总共经历了三个不同的阶段,分别是:表格截图、Axure钢笔工具、Axure元件(文末附下载方式)。
一、使用钢笔工具制作数据可视化图表
Excel表格基本上每个人必备的基本计算机操作,在这里就不啰嗦了。在讲Axure元件实现数据可视化之前,先简单说说通过Axure钢笔工具来实现的方式。
会PS的人应该都会知道Photoshop里面有个钢笔工具,主要用来勾勒一些不规则的轮廓以及勾勒线条或者抠图。Axure从8.0版本开始,也加入了钢笔工具以及切图等功能,我用得最多的就是使用钢笔工具来画各种线条(曲线图),Axure的钢笔工具其实和PS里面的钢笔工具有比较多的相似之处。
说几个使用Axure钢笔工具的时候需要注意的点:
使用钢笔工具时,在完成最后的点的描绘的时候,需要按键盘左上角的【Esc键】完成绘制;
完成绘制的时候,可能很多朋友还看不到线条,那是因为钢笔工具的线条粗细默认是None的,也即是没有线条的,因此在线条粗细那里设置一下即可。
二、利用Axure框架嵌入可视化页面
折线图以及柱形图直接在Axure上完成也并不难,但是如果要用到圆饼图、环形图、漏斗图等更加多样化的数据可是图表,那就比较麻烦了。
有些人会使用antv、echarts、HighCharts等可视化工具来制作可视化数据图表。
使用这种方法来实现数据可视化的步骤如下:
进入antv、echarts、HighCharts