在Axure原型中制作美观–形象的图形.docVIP

在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，输入调用代码： html head title进度计划折线图/title /head body !-- Start Code for FusionCharts chart -- object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase=/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0 width=600 height=280 id=FusionCharts_1 param name=movie value=../FusionCharts/StackedArea2D.swf / param name=FlashVars value=dataURL=Data2.xmlchartWidth=600chartHeight=280 param name=quality value=high / embed src=../FusionCharts/StackedArea2D.swf flashVars=dataURL=Data2.xmlchartWidth=600chartHeight=280 quality=high width=600 height=280 name=FusionCharts_1 type=application/x-shockwave-flash pluginspage=/go/getflashplayer / /object !-- End Code for FusionCharts chart -- /body /html 右击使用文本打开Date1.xml，输入设置图表显示值代码： chart caption=房屋与市政招标汇总（个数） xAxisName=月份 yAxisName= numberPrefix= showLabels=1 showColumnShadow=1 animation=1 showAlternateHGridColor=1 AlternateHGridColor=ff5904 divLineColor=ff5904 divLineAlpha=20 alternateHGridAlpha=5 canvasBorderColor=666666 baseFontColor=666666 lineColor=FF5904 lineAlpha=85 showValues=1 rotateValues=1 valuePosition=auto set label=2013-1 value=1/ set label=2013-2 value=0/ set label=2013-3 value=1/ set label=2013-4 value=15/ set label=2013-5 value=2/ /chart 这段代码是每个图表不一样的，具体的这个设置代码在Index下可以查看，如下图： 。 此时打开Chart1.html,就可以在单独的IE中看到图表了。 2、如何在Axure原型中调用刚才的IE，通过下图可以查看。 FusionCharts_Evaluation控件包下载http://24./fusioncharts_evaluation.zip