为Shield UI JavaScript饼图的每个切片指定不同的偏移量

时间:2013-08-29 08:13:44

标签: javascript shieldui

是否可以为饼图的每个切片指定单独的偏移值?我使用的是ShieldUI JavaScript图表,但根据文档,我只看到了设置它的可能性:

seriesSettings: {
    pie: {
        activeSettings: {
            pointSelectedState: {
                enabled: true
            }
        },
        enablePointSelection: true,
        slicedOffset: 20,
        addToLegend: true,
        dataPointText: {
            enabled: true,
            borderRadius: 4,
            borderWidth: 2,
            borderColor: "red"
        }
    }
}, 

没有:

slicedOffset[0]: 10,
slicedOffset[1]: 20,
slicedOffset[2]: 30,

等等。我怎样才能达到预期的行为?

1 个答案:

答案 0 :(得分:1)

无法为Shield UI JavaScript饼图的每个切片指定不同的偏移量。 slicOffset适用于给定图表的所有切片。但是,根据您需要完成的具体操作,有一些解决方法。

  1. 如果图表与另一个图表相关,您可以指定预定义参数并将其值分配给slicedOffset属性。然而,它将再次适用于所有切片。

  2. 在单击切片后,也可以使用图表的事件重新创建它。在这种情况下,将指定一个附加参数,该参数将考虑已单击的切片,以便此切片的属性可以设置为true:

    切片:true

  3. 如果不同的切片偏移值非常重要,您可能还希望使用相关控件:例如下拉列表。在这种情况下,避免前两个解决方案从下拉列表中选择项目的缺点,您将重新创建图表并为所选切片设置不同的偏移量。