我需要在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>
希望这有帮助。 :)