融合图表饼图3D切片边框



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

FusionCharts API文档指出,应该在xml数据中添加borderColor属性来设置元素,但它似乎没有效果。

下面是我正在输入图表的示例 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

在图表属性中提供plotborderthickness='1',因为默认情况下,三维图表的绘图边框厚度为零。这是因为在正常情况下,应用边框时 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>

希望这有帮助。 :)

最新更新