4

我正在为我的一个应用程序使用 CF 饼图。但它的工作很奇怪。以下代码是图表代码，它给出了错误。它甚至不显示图表。我知道，这是由于查询列的值中存在双引号，col1.

<cfoutput>
    <script type="text/javascript">
        function Navigate(test){
            alert(test);
        }
    </script>

<cfset testquery = queryNew("col1,Col2", "varchar,varchar") >
<cfset queryAddRow(testquery, 1)>
<cfset querySetCell(testquery, "col1", 'This is the "first" row') >
<cfset querySetCell(testquery, "Col2", 5000) >
<cfset queryAddRow(testquery, 1)>
<cfset querySetCell(testquery, "col1", 'This is the second row') >
<cfset querySetCell(testquery, "Col2", 2500) >
<cfset queryAddRow(testquery, 1)>
<cfset querySetCell(testquery, "col1", 'This is the third row') >
<cfset querySetCell(testquery, "Col2", 8500) >

    <CFCHART Format="Html"  CHARTWIDTH="600" CHARTHEIGHT="650" TITLE="Pie Chart in CF11" URL="javascript:Navigate('$SERIESLABEL$')">
        <CFCHARTSERIES TYPE="pie" COLORLIST="##CA5940,##6FCF42,##4286CF" >
        <CFLOOP FROM="1" TO="#testquery.RecordCount#" INDEx="i">
            <CFCHARTDATA ITEM="#testquery.col1[i]#" VALUE="#testquery.Col2[i]#">
        </CFLOOP>
        </CFCHARTSERIES>
    </CFCHART>
</cfoutput>

在此处输入图像描述

我已经在视图源中检查了图表的 JSON，没问题。但是给出上述错误的代码。所以不知道为什么它会出错。没有双引号，代码按预期工作，但我需要双引号，如果我删除它，它会影响应用程序。

我还尝试将双引号替换为单引号，在这种情况下，图表正在显示，但是如果我们单击第一行区域，它会在控制台中给出相同的错误。

在此处输入图像描述

所以使用引号是这里的主要问题。但是我需要上面的代码来显示图表，并且在单击该区域时，它应该按原样显示相应的标签。

我不确定我错过了什么，或者代码中有什么错误。

4

1 回答 1

4

您是否尝试过转义 JSON 字符串中的引号？

像这样的例子：

<cfset querySetCell(testquery, "col1", 'This is the \"first\" row') >

我在 trycf.com 上创建了您的示例代码的要点，它似乎有效

http://trycf.com/gist/e3321edb3481411078b75ad187cae52b/acf11?theme=monokai

我还在我们的一台 ColdFusion 11 服务器上尝试了完全相同的代码，它也运行良好。那么您是说您的示例代码不起作用还是说您的实际代码仍然不起作用？如果它是您的实际代码，那么您的示例中肯定有其他东西在起作用。如果您的数据来自数据库，那么您需要确保在 ColdFusion 解析这些字符时正确转义了这些字符。

现在您看到了需要如何转义字符，您可以使用评论中的 ScottJibben 建议，然后调用JSStringFormat()为您转义这些字符。

<CFCHARTDATA ITEM="#JSStringFormat(testquery.col1[i])#" VALUE="#testquery.Col2[i]#">
于 2017-01-26T19:25:11.317 回答