Charts ZingChart-更改ValueBox的属性

Charts ZingChart-更改ValueBox的属性,charts,coldfusion,zingchart,Charts,Coldfusion,Zingchart,我正在使用ZingChart创建一个简单的饼图。我正在使用ColdFusion标记和json文件来设置图表的样式。在下面的示例中,我的“目标”系列(我要“突出显示”的系列)是2,我通过偏移该切片并在其周围放置边框来操纵该切片(参见示例)。问题是如果饼图切片非常小,则无法区分边界 我的目标是突出显示与目标切片/系列关联的单个valuebox。我研究并试验了“规则”。下面的示例是针对%v=17.1(恰好是系列2的值)硬编码的。本例中的valuebox下面有一个边框,这很好。但是我不能使用值标记(%v

我正在使用ZingChart创建一个简单的饼图。我正在使用ColdFusion标记和json文件来设置图表的样式。在下面的示例中,我的“目标”系列(我要“突出显示”的系列)是2,我通过偏移该切片并在其周围放置边框来操纵该切片(参见示例)。问题是如果饼图切片非常小,则无法区分边界

我的目标是突出显示与目标切片/系列关联的单个valuebox。我研究并试验了“规则”。下面的示例是针对%v=17.1(恰好是系列2的值)硬编码的。本例中的valuebox下面有一个边框,这很好。但是我不能使用值标记(%v),因为可能有多个系列具有相同的值。我尝试了许多可用的标记,但似乎找不到一个代表我识别的“目标”系列的标记。我认为根据情节(%t)的文本突出显示可能很简单,但我尝试了,但也没有成功

我尝试过使用“自定义令牌”功能,但目前不打算讨论,因为这也不起作用

我如何“突出显示”系列2的valuebox,可能使用规则(希望使用可用的令牌)


谢谢

听起来您在寻找%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] } ] }