CF11 CFChart 饼图，labelformat="percent" 不显示 %答案

【问题标题】：CF11 CFChart pie, labelformat="percent" not displaying %CF11 CFChart 饼图，labelformat="percent" 不显示 %
【发布时间】：2021-10-04 17:00:05
【问题描述】：

如何显示带有值的 %。 labelForms="percent" 似乎不起作用，将其添加到项目中很笨拙，我是否缺少格式化它的方法？：

<CFSET PercentLocked = 0>
<cfset PercentUnlocked = 0>
<cfset PercentOpenQueries = 0>
<cfset PercentOpenErrors = 29>
<cfset PercentClean = 71>

<cfchart    
    type="pie"                                          
    chartWidth="800"  
    show3d="true"
    font="times"
    style="blue"
    labelformat="percent">
    <cfchartseries >    
        <cfchartdata item="Locked Forms (#Percentlocked#%)" value="#PercentLocked#" > 
        <cfchartdata item="unLocked Forms (#PercentUnlocked#%)" value="#PercentUnlocked#">  
        <cfchartdata item="Forms w/Open Queries (#PercentOpenQueries#%) " value="#PercentOpenQueries#"> 
        <cfchartdata item="forms w/Errors  (#PercentOpenErrors#%) " value="#PercentOpenErrors#">
        <cfchartdata item="Clean forms (#PercentClean#%)" value = "#PercentClean#">
    </cfchartseries>
</cfchart>

【问题讨论】：

请拍一张更好的屏幕截图。这个是不可读的。
试试 zingcharts plot 属性 stackoverflow.com/questions/35279003/…

标签： coldfusion pie-chart coldfusion-11 cfchart

【解决方案1】：

谷歌搜索导致this ZingChart example involving the "plot" attribute。根据ZingChart pie chart docs，支持多个“令牌”用于自定义显示的文本/值

%npv - 饼图切片（节点）相对于整个饼图（所有节点的总和）的百分比值
%t - 当前情节的文本，从情节/系列对象的文本属性中提取

此示例同时显示项目文本和值（以百分比形式）：

TryCF.com Example

<cfset plot = { "value-box":{
      "visible":true,
      "placement":"out",
      "text":"%t (%npv%)"
    }}>

<cfchart    
    type="pie"                                          
    chartWidth="800"  
    show3d="true"
    font="times"
    style="blue"
    plot="#plot#">
    <cfchartseries >    
        <cfchartdata item="Locked Forms" value="0" > 
        <cfchartdata item="UnLocked Forms" value="0">  
        <cfchartdata item="Forms w/Open Queries" value="0"> 
        <cfchartdata item="forms w/Errors" value="29">
        <cfchartdata item="Clean Forms" value = "71">
    </cfchartseries>
</cfchart>

【讨论】：