2

我在对齐水平条形图 x 轴标签时遇到问题，我有长名称，我使用 /n 包装了。标签不再右对齐（见图）。有没有办法左对齐或右对齐（见图）？我是在 CF 中创建图表的新人，并且正在跌跌撞撞，如果有人可以指出任何可以让我知道元素的有效属性是什么的文档（即：xAxis... itemsOverlap），我从一篇文章中偶然发现了这一点但不知道在哪里可以找到此信息，谢谢。当我在这里时，有什么方法可以更改为每个条显示的值的颜色吗？（或者那个数字出现在栏内？）。再次感谢您的患者，因为我是新手。

<CFSET xAxis_disp  = {"itemsOverlap":true, "max-items": SQL_Query.RecordCount}>
<CFSET aspect3d_small={"angle":0,"depth":7,"true3d":false}>`

<CFSET yAxisStep_25 = {"min-value":"0","step":"5"}>

<CFCHART
    style="default" 
    show3d="yes"
    chartHeight="#chartHeight_error#"
    chartwidth="500"
    type="horizontalbar"
    gridlines="20"
    yAxis = "#yAxisStep_25#"
    xAxis="#xAxis_disp#"
    aspect3d="#aspect3d_small#"
    font="times" > 
    
    <CFCHARTSERIES 
    colorlist="##234086,##284A99,##284A99,##325CC0,##3D68CD,##5077D2,##6486D7,##7795DC,##8BA4E1"
        query="SQL_Query"
        type="bar"  
        datalabelstyle="value"
        itemcolumn="CRFNAME"  
        valuecolumn="ErrCounter">
    </CFCHARTSERIES>
    </CFCHART>

图表标签，未对齐

4

1 回答 1

0

FWIW，CFChart 只是 ZingChart 的包装器，因此 ZingCharts 文档对此类内容将更有帮助。我通常会在谷歌上搜索“如何使用 ZingChart 做 [X] ”和/或仔细阅读 ZingChart 文档以查找语法……然后通过一些试验和错误找出它如何映射到 CF 属性:-)。

无论如何，xAxis 项目对齐是用"item": { "text-align":"right"}. 将其添加到您的xAxis_disp structure. 对于其他 xAxis 属性（即“Scale-X”），请查看ZingChart 文档

<CFSET xAxis_disp  = {"items-overlap":true
 , "max-items": 6
 , "auto-fit": true
 , "item": { "text-align":"right"}
}>

可运行的 TryCF.com 示例

于 2021-10-08T16:17:01.183 回答