产品经理日常工作中，避免不了需要去设计后台，在后台中需要去实现一些可视化的图表，那么这些可视化图表如何制作呢？
产品经理日常工作中，避免不了需要去设计后台，在后台中需要去实现一些可视化的图表，那么这些可视化图表如何制作呢？
可以通过四种个不同的方式，分别是：表格截图、Axure图形绘制、Axure网页框架和Axure第三方元件。
一、使用Axure图形绘制可视化图表
Excel表格基本上每个人必备的基本计算机操作，在这里就不做演示了，先简单说说Axure图形绘制可视化图表。
通过axure自带一些图形控件，可以轻松地通过改变形状、大小、颜色来调整需要实现一些简单的图表样式，如柱状图📊。
用过PS的人应该都会知道Photoshop里面有个钢笔工具，主要用来勾勒一些不规则的轮廓以及勾勒线条或者抠图。Axure从8.0版本开始，也加入了钢笔工具以及切图等功能，Axure的钢笔工具其实和PS里面的钢笔工具有比较多的相似之处。所以当绘制一些折线图时，可以通过Axure的钢笔工具完成。
说几个使用Axure钢笔工具的时候需要注意的点：
- 使用钢笔工具时，在完成最后的点的描绘的时候，需要按键盘左上角的【Esc键】或【双击鼠标】完成绘制；绘制时可以添加一些辅助线，帮助定位点不偏移。
- 完成绘制的时候，可能很多朋友还看不到线条，那是因为钢笔工具的线条粗细默认是none的，也即是没有线条的，因此在线条粗细那里设置一下即可。
二、利用Axure框架嵌入可视化页面
以上是一些简单的可视化图表绘制，简易轻便，但如果要实现一些比较麻烦的图表，如圆饼图、环形图、漏斗图等更加多样化的数据可视化图表或是给图表加上一些特效，该怎么办呢？
可以使用antv、echarts、HighCharts等可视化工具来帮你制作可视化数据图表。
使用这种方法来实现数据可视化的步骤如下：
- 进入antv、echarts、HighCharts等任意一个可视化工具的官网（百度以上关键词即可）找到对应的可视化图表；
- 将数据可视化图表的前端代码拷贝下来，在代码编辑器中修改成自己想要的数据指标以及数据项，复制到文本文件中并保存为.html文件；
- 将生产的.html文件放到要生成Html原型的文件夹中；
- 在原型中，拖入一个【内联框架】-选择框架目标-链接到URL或者文件-选择上一步所保存的.htm路径文件；
生成Html原型：
相对来说这种方式可以实现非常多的效果和样式，实现起来也比较方便快速，但如果对代码非常头疼的产品经理，无疑是增加负担。加上每增加、修改一个图表都需要来回复制代码，生成文件使用这种方法来制作，在后期的维护和修改上，并不灵活和方便，这种情况，可以考虑下面一种方法。
三、使用Axure元件快速制作可视化图表
感谢那些技术大佬，贡献了这个Axure组件库——Axhub Charts图表元件。这个元件的使用方法和我们常用的元件差不多，直接拖拽到内容区域进行处理即可。
不过该元件比其他普通的元件稍微复杂一些，元件使用了1个矩形+2个中继器来实现，通过加载组件库中的JS代码，呈现图表效果，（说到代码，元件的