Charts ZingChart-更改ValueBox的属性
我正在使用ZingChart创建一个简单的饼图。我正在使用ColdFusion标记和json文件来设置图表的样式。在下面的示例中,我的“目标”系列(我要“突出显示”的系列)是2,我通过偏移该切片并在其周围放置边框来操纵该切片(参见示例)。问题是如果饼图切片非常小,则无法区分边界 我的目标是突出显示与目标切片/系列关联的单个valuebox。我研究并试验了“规则”。下面的示例是针对%v=17.1(恰好是系列2的值)硬编码的。本例中的valuebox下面有一个边框,这很好。但是我不能使用值标记(%v),因为可能有多个系列具有相同的值。我尝试了许多可用的标记,但似乎找不到一个代表我识别的“目标”系列的标记。我认为根据情节(%t)的文本突出显示可能很简单,但我尝试了,但也没有成功 我尝试过使用“自定义令牌”功能,但目前不打算讨论,因为这也不起作用 我如何“突出显示”系列2的valuebox,可能使用规则(希望使用可用的令牌)Charts ZingChart-更改ValueBox的属性,charts,coldfusion,zingchart,Charts,Coldfusion,Zingchart,我正在使用ZingChart创建一个简单的饼图。我正在使用ColdFusion标记和json文件来设置图表的样式。在下面的示例中,我的“目标”系列(我要“突出显示”的系列)是2,我通过偏移该切片并在其周围放置边框来操纵该切片(参见示例)。问题是如果饼图切片非常小,则无法区分边界 我的目标是突出显示与目标切片/系列关联的单个valuebox。我研究并试验了“规则”。下面的示例是针对%v=17.1(恰好是系列2的值)硬编码的。本例中的valuebox下面有一个边框,这很好。但是我不能使用值标记(%v
谢谢听起来您在寻找%p或%plot index标记(它们是相同的)。这将允许您根据系列的索引修改valueBox 我在这里提供了一个演示: { 键入:“馅饼”, 绘图:{ valueBox:{ 文本:“%t:%v”, 位置:“退出”, 规则:[ { 规则:“%p==1”, 颜色:“黑色”, 字体:“斜体”, 边框颜色:“红色”, 边界宽度:2, 阴影:0, 填充:10 } ] } }, 系列:[ { 价值:[35] }, { 价值观:[20] }, { 价值观:[15] } ] }
我是ZingChart队的。希望这能解决您的问题。是的,非常感谢。在发布之前,我一直在玩弄这个标记,但由于第一个系列数组元素实际上是0,我被抛到了一边。但一旦我明白了这一点,解决方案就很好地发挥了作用。再次感谢。
{
"graphset":[
{
"type":"pie",
"scale":{ "size-factor":"69%"},
"plot":{
"valueBox":{
"rules":[
{
"rule":"%v==17.1",
"fontSize":18,
"fontColor":"black",
"font-family":"Arial",
"border-bottom":"2px solid black"
}
],
"placement":"out",
"text":"%t:%v",
"fontSize":16,
"fontColor":"black",
"font-family":"Arial"
}
},
"series":[
{
"values":[ 1 ]
},
{
"values":[ 2 ],
"offset-r":"5%",
"border-color":"black",
"border-width":"3"
},
{
"values":[ 3 ]
},
{
"values":[ 4 ]
}
]
}
]
}
{
type: "pie",
plot:{
valueBox:{
text: "%t: %v",
placement: "out",
rules:[
{
rule: "%p == 1",
color: "black",
fontStyle: "italic",
borderColor: "red",
borderWidth: 2,
shadow: 0,
padding: 10
}
]
}
},
series : [
{
values : [35]
},
{
values : [20]
},
{
values : [15]
}
]
}