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

Specifying different offset for each slice of a Shield UI JavaScript pie chart

本文关键字：切片 偏移量 UI Shield JavaScript      更新时间：2023-09-26

是否可以为饼图的每个切片指定一个单独的偏移值？我正在使用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,

等等。我如何才能实现期望的行为？

不可能为Shield UI JavaScript饼图的每个切片指定不同的偏移量。slicedOffset适用于给定图表的所有切片。然而，根据你到底需要完成什么，也有一些变通办法。

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

  2. 点击一个切片后，也可以使用图表中的事件重新创建它。在这种情况下，将指定一个额外的参数，该参数将考虑点击了哪个切片，以便将该切片的属性设置为true：

    切片：真正的

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

相关文章：