1

我需要为 FusionCharts Pie3D图表中的切片添加边框。

FusionCharts API 文档声明borderColor属性应该添加到xml 数据中的set元素中，但是它似乎没有效果。

这是我提供图表的示例 XML：

<chart
    decimals="1
    enableSmartLabels="1"
    enableRotation="1"
    startingAngle="70"
    animation="1"
    defaultAnimation="1"
   >
   <set label="Light 1" value="47" isSliced="1" color="ff9999" borderColor="dd3300" />
   <set label="Dark 1" value="53" isSliced="1" color="dd3300" borderColor="dd3300" />

   <set label="Light 2" value="68" isSliced="1" color="ffee99" borderColor="ffcc22" />
   <set label="Dark 2" value="30" isSliced="1" color="ffcc22" borderColor="ffcc22" />

   <set label="Light 3" value="69" isSliced="1" color="99ffdd" borderColor="33cc66" />
   <set label="Dark 3" value="31" isSliced="1" color="33cc66" borderColor="33cc66" />

   <set label="Light 4" value="86" isSliced="1" color="cceeff" borderColor="00aaee" />
   <set label="Dark 4" value="4" isSliced="1" color="00aaee" borderColor="00aaee" />
</chart>

如您所见，这些值成对出现（尽管图表是单系列 - 没有多系列 pie3d），因此为了使这些对在视觉上可区分，我在相关的切片对上设置相同的边框颜色。 ..一切看起来都很好，除了切片边框根本没有出现......

FC版本为FusionCharts XT v3.2.2

4

1 回答 1

1

提供plotborderthickness='1'图表属性，因为默认情况下，对于 3D 图表，绘图边框的厚度为零。这是因为在正常情况下，3D 饼图在应用边框时看起来并不那么好。

更新后的 XML 看起来像

<chart
    decimals="1"
    plotBorderThickness="1" 
    enableSmartLabels="1"
    enableRotation="1"
    startingAngle="70"
    animation="1"
    defaultAnimation="1">

   <set label="Light 1" value="47" isSliced="1" color="ff9999" borderColor="dd3300" />
   <set label="Dark 1" value="53" isSliced="1" color="dd3300" borderColor="dd3300" />

   <set label="Light 2" value="68" isSliced="1" color="ffee99" borderColor="ffcc22" />
   <set label="Dark 2" value="30" isSliced="1" color="ffcc22" borderColor="ffcc22" />

   <set label="Light 3" value="69" isSliced="1" color="99ffdd" borderColor="33cc66" />
   <set label="Dark 3" value="31" isSliced="1" color="33cc66" borderColor="33cc66" />

   <set label="Light 4" value="86" isSliced="1" color="cceeff" borderColor="00aaee" />
   <set label="Dark 4" value="4" isSliced="1" color="00aaee" borderColor="00aaee" />
</chart>

希望这可以帮助。:)

于 2012-05-30T13:07:51.173 回答