怎样用axure制作页面流程图

我觉得，如果要画流程图，axure并不是最适合的工具，怎么说呢，软件之间也是各有所长的，建议使用visio，visio画流程图还是蛮给力的~~如果不得不用axure来画，建议去网上找一些axure的流程图组件，导入到axure中使用，这样会方便一些~~最坏的情况，就是使用axure自带的流程图部件了，在部件面板部分，通过下拉列表选择“flow“，使用里面的部件~~

1、柱状图axure中可以使用矩形

2、折线图axure可以使用钢笔工具

3、可以使用内联框架导入echarts图表生成的网页

4、可查看我个人主页中的链接，里面有我部件库的预览链接，欢迎给出宝贵的意见！

第一种方式：直接贴图

第二种方式使用js脚本嵌入到内部框架中。

查看相关案例：

Axure夜话：嵌入代码系列视频教程之嵌入图表

>

1、选择元件：圆形；
2、右键这个元件：选择形状 - >饼状图；
3、右键这个饼状图：变换形状 -> 编辑点；
4、通过增加编辑点的方式就可以改为弧线，但是相当难调。只能调整出一个不完美的弧线。

如果你要在中继器中插入，那就要在模板中插入一张。记住一定要插入（pic）而不是其他的元素，否则Axure在寻找这一个类的时候就会搜索不到。
6新建一个变量值，变量值就填刚才命名的中继器元素名：icon
TARGET = icon（icon要选择Turter中的icon）

VALUE = pics (点进去fx，插入变量或函数，选择中继器Turter中的pics)

SET TO = 变量值

先定义一个GraphicalView
GraphicalView graphicalView;
然后，从chartfactory获取
graphicalView=ChartFactorygetBarChartView(getBaseContext(), dataset, renderer, type);//柱状图
graphicalView=ChartFactorygetPieChartView(getBaseContext(), dataset, renderer);//饼状图
其中的dataset表示数据源，renderer表示渲染参数，type表示类型
设置dataset的方法--饼图
double[] values={4120,5420,4860,9001};
CategorySeries dataset=buildCategoryDataset("测试饼图", values);
1 protected CategorySeries buildCategoryDataset(String title, double[] values) {
2 CategorySeries series = new CategorySeries(title);
3 seriesadd("差", values[0]);
4 seriesadd("不达标", values[1]);
5 seriesadd("达标", values[2]);
6 seriesadd("优秀",values[3]);
7 return series;
8 }
设置dataset的方法--柱状图----柱状图可以有多组数据
1 String[] titles={"test"};
2 List<double[]> values=new ArrayList<double[]>();
3 valuesadd(new double[]{51200,212510,256100});
4 XYMultipleSeriesDataset dataset=buildBarDataset(titles, values);
1 protected XYMultipleSeriesDataset buildBarDataset(String[] titles, List<double[]> values) {
2 XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
3 int length = titleslength;
4 for (int i = 0; i < length; i++) {
5 CategorySeries series = new CategorySeries(titles[i]);
6 double[] v = valuesget(i);
7 int seriesLength = vlength;
8 for (int k = 0; k < seriesLength; k++) {
9 seriesadd(v[k]);
10 }
11 datasetaddSeries(seriestoXYSeries());
12 }
13 return dataset;
14 }
设置renderer的方法--饼图
1 int[] colors={ColorBLUE,ColorGREEN,ColorMAGENTA,ColorRED};
2 DefaultRenderer renderer=buildCategoryRenderer(colors);
1 protected DefaultRenderer buildCategoryRenderer(int[] colors) {
2 DefaultRenderer renderer = new DefaultRenderer();
3
4 renderersetLegendTextSize(20);//设置左下角表注的文字大小
5 //renderersetZoomButtonsVisible(true);//设置显示放大缩小按钮
6 renderersetZoomEnabled(false);//设置不允许放大缩小
7 renderersetChartTitleTextSize(30);//设置图表标题的文字大小
8 renderersetChartTitle("统计结果");//设置图表的标题 默认是居中顶部显示
9 renderersetLabelsTextSize(20);//饼图上标记文字的字体大小
10 //renderersetLabelsColor(ColorWHITE);//饼图上标记文字的颜色
11 renderersetPanEnabled(false);//设置是否可以平移
12 //renderersetDisplayValues(true);//是否显示值
13 renderersetClickEnabled(true);//设置是否可以被点击
14 renderersetMargins(new int[] { 20, 30, 15,0 });
15 //margins - an array containing the margin size values, in this order: top, left, bottom, right
16 for (int color : colors) {
17 SimpleSeriesRenderer r = new SimpleSeriesRenderer();
18 rsetColor(color);
19 rendereraddSeriesRenderer(r);
20 }
21 return renderer;
22 }
设置renderer的方法----柱状图
1 int[] colors={ColorBLUE};
2 XYMultipleSeriesRenderer renderer=buildBarRenderer(colors);
3 Type type=TypeDEFAULT;
4
5 //renderersetZoomEnabled(false);//怎么失效了----使用下面的方式
6 renderersetZoomEnabled(false, false);//>

绘图区域为软件 *** 作的主要区域。也是原型制作的编辑区域。Axure可以做到基本的编辑与实际预览效果同步展示。。

注：有些交互事件的触发需要进行预览，例如动态面板交互，数据赋值交互等。

每一个页面都是一个绘图区域，在平常我们使用的时候需要针对不同的类型，进行尺寸的约束。

页面区域新建完成后，可在样式区域选择对应的页面尺寸。

*** 作步骤：

一：随意拖动

按住键盘的空格键+鼠标左键可以进行绘图区域的拖动。

鼠标滚轴：页面上下滚动

Shift+鼠标滚轴：页面左右滚动

二：大小比例

1、可以通过顶部进行比例调整。

2、通过使用键盘快捷键

“Ctrl” 与“+”组合进行绘图区域的放大。

“Ctrl” 与“-”组合进行绘图区域的缩小。

“Ctrl” 与“鼠标滑轮”组合进行绘图区域的放大与缩小（滚动鼠标滑轮）。

画布负空间启用后，可以在负坐标系中进行对应的原件编辑，负坐系中编辑的内容，在预览和生产对应的HTML文件时均不进行展示。可以进行部分交互动画、信息备注等使用。

同时因为负空间的启用，整体画布可以无限向左移动。

注：关于负空间功能，从Axure 9初加入此功能就有很多争议 ，于是官方加入了控制开启与关闭的功能，整体来说，此功能主要取决于使用场景，如果部分网页原型编辑需要高保真时，负空间中能够承载更多的元素，方便做部分交互动画，如左移入等等。同时也可以通过缩放移动画布，友好的编辑靠近左边缘的内容。关于是否启用还是按照个人习惯。

1、负空间有利于我们结合对拖动对原型的左边缘细节进行调整。

2、负空间内容在预览中是不进行展示的，可以进行一些备注，备用方案的放置。

3、负空间可以进行一些交互效果的制作，例如：左划入，可以通过控制元件移动实现。

可以让画布变为黑白灰样式，减少色彩干扰。（简化版的Axure 8中的草图功能）。

使用技巧：如果原型输出后，担心会影响设计的视觉，可以进行开启这个功能。

标尺：用于页面中距离尺寸的参考。

显示标尺可以通过鼠标在标尺范围内拖出页面参考线。

显示标尺可以进行一键复位，一键复位位于两个标尺的相交之处（小圆点），点击复位可以使画布区域直接恢复到初始的状态，即坐标（0、0）。

一键复位支持快捷键。

快捷键：Ctrl+9 一键复位

参考线是在Axure中常用的对齐方式参考工具之一。通过直接拖到标尺，即可建立页面参考线。参考线可以分为横竖两种参考线。

注：拖动创建参考线时，需打开标尺。标尺打开方式。画布中右键-标尺、网格和参考线-显示标尺。

---