在Axure原型中制作美观、形象的图形
(FusionCharts图表控件与Axure的集合使用)
1、选择需要的使用的图像
打开FusionCharts_Evaluation文件夹下index.html文件,在打开的页面上点击Chart Gallery从左边的导航可以看到很多图形表格,选择一个我们需要的图形。并在图像的上方查看图标名称,一般写成Single Series Column 3D Chart,其中Column 3D Chart就是这张表的名称。
2、如何在一个单独的IE中查看并设置图表
2.1 首先在Axure生成原型的根目录下,新建一个文件夹,给这个文件夹命名FusionCharts,并在FusionCharts文件夹下,创建两个文件夹,分别命名
FusionCharts、MyFirstChart,接着将FusionCharts_Evaluation文件夹下Charts的所有文件都拷贝到原型... FusionCharts\\FusionCharts文件夹下。 2.2 在IE中调用刚才的图标
在原型... FusionCharts\\FusionCharts文件夹下添加两个文件,一个命名Chart1.html,一个命名Date1.xml。
右击使用文本打开Chart1.html,输入调用代码:
右击使用文本打开Date1.xml,输入设置图表显示值代码:
divLineColor=\ canvasBorderColor=\lineAlpha=\ 这段代码是每个图表不一样的,具体的这个设置代码在Index下可以查看,如下图: 。 此时打开Chart1.html,就可以在单独的IE中看到图表了。 2、如何在Axure原型中调用刚才的IE,通过下图可以查看。 FusionCharts_Evaluation控件包下载http://24.duote.org/fusioncharts_evaluation.zip