3

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

我的目标是突出显示与我的目标切片/系列关联的单个值框。我研究并试验了“规则”。下面的示例针对 %v = 17.1 进行了硬编码（恰好是系列 2 的值）。这个例子中的 valuebox 在它下面有一个边框，这很棒。但我不能使用值标记 (%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 ]
            }
         ]
      }
   ]
}

谢谢

4

1 回答 1

3

听起来您正在寻找 %p 或 %plot-index 标记（它们是相同的）。这将允许您根据系列的索引修改 valueBox。

我在这里包含了一个演示：http: //demos.zingchart.com/view/NRSRN7VT

{
    类型：“馅饼”，
    阴谋：{
      值框：{
        text: "%t: %v",
        位置：“出”，
        规则：[
          {
            规则：“%p == 1”，
            颜色：黑色”，
            字体样式：“斜体”，
            边框颜色：“红色”，
            边框宽度：2，
            阴影：0，
            填充：10
          }
        ]
      }
    },
    系列 ： [
        {
            值：[35]
        },
        {
            值：[20]
        },
        {
            值：[15]
        }
    ]
}

我在 ZingChart 团队。希望这可以解决您的问题。

于 2016-04-01T22:13:15.793 回答