ZingChart - Alter ValueBox的属性

我正在使用ZingChart创建一个简单的饼图。我正在使用ColdFusion标签和一个json文件来设计图表的样式。在下面的例子中，我的“目标”系列（我想“突出显示”的系列）是2，我通过偏移它并在其周围放置边框来操纵该切片（请参阅示例）。这个问题是，如果扇形片非常小，边界不可区分。ZingChart - Alter ValueBox的属性

我的目标是突出显示与我的目标切片/系列相关的单个值箱。我研究并试验了“规则”。下面的例子是硬编码为％v = 17.1（这恰好是系列2的值）。此示例中的值框在其下面有一个边框，非常棒。但是我不能使用值标记（％v），因为可能有多个具有相同值的系列。我已经尝试了许多可用的标记，并且似乎无法找到代表我确定的“目标”系列的标记。我认为这可能是直截了当的基于剧情（％t）的文字突出显示，但我试过了，那也不管用。

我试着玩“自定义令牌”功能，但目前还没有进入，因为这也没有工作。

如何“突出显示”系列2的值箱，大概是使用规则（希望使用可用的令牌）？

{ 
    "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 ] 
      } 
     ] 
     } 
    ] 
}

感谢

来源

2016-04-01 GO_CUSE

这听起来像你正在寻找％p或％阴谋指数令牌（它们是相同的）。这将允许您根据系列的索引修改valueBox。

我已经包含在这里演示： http://demos.zingchart.com/view/NRSRN7VT

 
{ 
    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] 
     } 
    ] 
}

我对ZingChart队。希望这可以解决你的问题。

来源

2016-04-01 22:13:15

是的，非常感谢。在发布之前，我正在玩这个令牌，但是由于第一个串行数组元素实际上是0而被抛弃了。但是一旦我明白了这一点，该解决方案就可以很好地工作。再次感谢。 –

ZingChart - Alter ValueBox的属性

回答

相关问题