使用冷融合在其绘图区域内移动饼图答案

【问题标题】：Moving pie graphs within their plot area using coldfusion使用冷融合在其绘图区域内移动饼图
【发布时间】：2022-06-28 23:14:39
【问题描述】：

我正在试验冷聚变图并附上了一个例子。我发现饼图太靠右了，以至于图例覆盖了它。我想将馅饼向左移动，如果可能的话，也将它们逆时针旋转 90 度。

这可能吗？

示例图表代码；

<cfchart format=\"html\" chartwidth=\"280\" chartheight=\"225\" pieslicestyle=\"solid\" name=\"lilydale\" title=\"Lilydale court allocation (%)\" showlegend=\"no\">
    <cfchartseries type=\"pie\" serieslabel=\"#tv[3]# games\">
    <cfchartdata item=\"L1\" value=\"#lg[1]/tv[3]#\">
    <cfchartdata item=\"L2\" value=\"#lg[2]/tv[3]#\">
    <cfchartdata item=\"L3\" value=\"#lg[3]/tv[3]#\">
    <cfchartdata item=\"L4\" value=\"#lg[4]/tv[3]#\">
    </cfchartseries>
</cfchart>

像这样的 CF UI 标签只是某些 JavaScript 库的包装，可能很难准确地得到你想要的。您最好只使用专用图表库并使用 CF 将数据传递给代码。几个选项：chartjs.org/docs/latest/samples/other-charts/pie.html highcharts.com/demo/pie-basic
谢谢你的链接。看了看，不过比我的水平略高。对 CFCHART 参数进行了更多研究并找到了解决方案。见下文。

标签： charts coldfusion cfml

【解决方案1】：

CFCHART 标签支持称为 PlotArea 的参数。此参数支持“键结构”，我在搜索中几乎找不到它。但是，我确实发现有人问的一个问题不起作用。

我让它像这样工作：

plotarea='#{"margin-left":"0","margin-top":"10")#'"

这将饼图更向左移动。图表宽度从 280 像素小幅增加到 350 使我有足够的 PlotArea 值间隙，使图表看起来像我想要的那样。

【讨论】：