FusionCharts Pie3D切片边框

时间:2012-05-30 12:41:54

标签: fusioncharts

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

FusionCharts API documentation状态 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

1 个答案:

答案 0 :(得分: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>

希望这会有所帮助。 :)