cfchart显示空白



我正在计算特定问题的回答,并希望通过图表显示其回答计数。我正在使用此代码来计数响应。

<cfquery name="questions">
                        SELECT
                              questions.id,
                              questions.question as question,
                              questiontypes.name as questiontype,
                              questiontypes.template as template,
                              surveys.name as surveysname
                        FROM
                              questions
                        LEFT JOIN answers ON questions.id = answers.fkquestionid
                        INNER JOIN questiontypes ON questions.fkquestiontypeid = questiontypes.id
                        INNER JOIN surveys ON questions.fksurveyid = surveys.id 
                        WHERE fksurveyid = <cfqueryparam cfsqltype="cf_sql_integer" value="#arguments.surveyid#">
             </cfquery>
             <cfset response.question = questions> 
              <cfloop query="questions">
                   <cfswitch expression ="#questions.template#"> 
                       <cfcase value="truefalse"> 
                           <cfquery name="gettotaltruefalse">
                                 SELECT COUNT( IF(result.truefalse = 1,1,NULL )) AS totaltrue, 
                                        COUNT( IF(result.truefalse = 0,0,NULL )) AS totalfalse, 
                                        COUNT( IF(result.truefalse = 1,1,NULL ))/COUNT(0)*100 AS trueperc,
                                        COUNT( IF(result.truefalse = 0,0,NULL ))/COUNT(0)*100 AS falseperc
                                FROM results result
                                WHERE fkquestionid = <cfqueryparam cfsqltype="cf_sql_integer" value="#questions.id#">
                                AND NOT ISNULL(result.truefalse)
                                GROUP BY result.fkquestionid
                           </cfquery>
                           <cfset response.totaltruefalse = gettotaltruefalse>
                        </cfcase> 

我正在使用此代码来显示图表。

<cfoutput query="rc.data.questions" group="id">
    <cfchart format="flash" chartwidth="575" chartheight="575" show3d="yes">
                                       <cfchartseries type="pie" paintstyle="raise" seriescolor="blue" datalabelstyle="pattern">
                                           <cfchartdata item="true" value="#rc.data.totaltruefalse.totaltrue#">
                                           <cfchartdata item="false" value="#rc.data.totaltruefalse.totalfalse#">
                                       </cfchartseries> 
                        </cfchart>
</cfoutput>

我的问题是,它显示的是空白而不是图表,即使我在所有浏览器中都尝试过。

我的另一个答案与基于的服务器配置设置有关,如果您阻止了对CFIDE目录的访问。另一种方法是通过将自己生成的图表(flash文件.SWF)保存到web服务器,然后显示该文件来绕过这种行为。

ColdFusion真的很简单。只需将name属性添加到<cfchart>标记中即可。这将告诉ColdFusion将二进制图表数据存储到使用该属性命名的变量中。像这样:

<cfchart format="flash" name="chartname" chartwidth="575" chartheight="575" show3d="yes">
    <cfchartseries type="pie" paintstyle="raise" seriescolor="blue" datalabelstyle="pattern">
        <cfchartdata item="true" value="#rc.data.totaltruefalse.totaltrue#">
        <cfchartdata item="false" value="#rc.data.totaltruefalse.totalfalse#">
    </cfchartseries> 
</cfchart>

在该代码中,我将变量命名为chartname。接下来,将数据写入一个扩展名为.SWF的文件。您需要将此文件写入服务器上的可浏览目录(如图像文件夹或类似的目录)。像这样:

<cffile action="write" file="C:webrootimagesmychart.swf" output="#chartname#" />

在该代码中,我将文件mychart.swf写入C:webrootimages文件夹。它可以是你想要的任何目录,只要它可以在你的web根目录下访问。output属性必须与<cfchart>标记的name属性中给定的变量名匹配,并且必须在#内。

接下来,将SWF文件包含在HTML代码中。像这样:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,2,0"
    WIDTH="575" HEIGHT="575">
    <PARAM NAME="movie" VALUE="/images/mychart.swf"/>
    <PARAM NAME="quality" VALUE="high"/>
    <PARAM NAME="bgcolor" VALUE="#FFFFFF"/>
    <EMBED src="/images/mychart.swf" 
        quality="high" bgcolor="#FFFFFF" WIDTH="575" HEIGHT="575" TYPE="application/x-shockwave-flash"
        PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
    </EMBED>
</OBJECT>

在该代码中,<param>标记的value属性和<embed>标记的src属性必须与上面写入的.SWF文件(本例中为images文件夹)的位置匹配。

我猜这与ColdFusion服务器上的设置/安全性有关。你能导航到吗http://yourserver.com/CFIDE/GraphData.cfm(用您的域替换您的server.com)?为了使<cfchart>工作,它需要访问CFIDE目录(注意-该文件实际上并不存在。它只是ColdFusion图表的别名)。

它还需要访问CFIDE/scripts目录和在那里找到的CF_RunActiveContent.js JavaScript文件。

如果你查看生成页面的来源(使用空白图表),你会看到类似的内容:

<html>
    <head><title>Test</title></head>
    <body>
    <div>
    <NOSCRIPT>
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  
        codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,2,0"
        ID="Images_5281548670100005_SWF" name="Images_5281548670100005_SWF" WIDTH="575" HEIGHT="575">
        <PARAM NAME="movie" VALUE="/CFIDE/GraphData.cfm?graphCache=wc50&graphID=Images/5281548670100005.SWF"/>
        <PARAM NAME="quality" VALUE="high"/>
        <PARAM NAME="bgcolor" VALUE="#FFFFFF"/>
    <EMBED src="/CFIDE/GraphData.cfm?graphCache=wc50&graphID=Images/5281548670100005.SWF" 
        quality="high" bgcolor="#FFFFFF" WIDTH="575" HEIGHT="575" TYPE="application/x-shockwave-flash"
        PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
    </EMBED>
    </OBJECT>
    </NOSCRIPT>
    <script type="text/javascript" charset='utf-8' src='/CFIDE/scripts/CF_RunActiveContent.js'></script>
    <script type="text/javascript" charset='utf-8'>
    CF_RunContent('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  rn codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,2,0"rn ID="Images_5281548670100005_SWF" name="Images_5281548670100005_SWF" WIDTH="575" HEIGHT="575">rnt<PARAM NAME="movie" VALUE="/CFIDE/GraphData.cfm?graphCache=wc50&graphID=Images/5281548670100005.SWF"/>rnt<PARAM NAME="quality" VALUE="high"/>rnt<PARAM NAME="bgcolor" VALUE="#FFFFFF"/>rn<EMBED src="/CFIDE/GraphData.cfm?graphCache=wc50&graphID=Images/5281548670100005.SWF" rnttquality="high" bgcolor="#FFFFFF" WIDTH="575" HEIGHT="575" TYPE="application/x-shockwave-flash"rn PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">rn</EMBED>rn</OBJECT>');
    </script>
    </div>
    </body>
</html>

请注意对CFIDE目录的引用。如果该目录不可访问,<cfchart>标记将无法正常工作(您将得到一个空白图表)。

关于这一点的两个相关讨论以及潜在的解决方案:

  • 在Adobe论坛

  • Brandon Purcell

相关内容

  • 没有找到相关文章

最新更新