预先选择屏蔽UI饼图的多个切片

Preselecting multiple slices of Shield UI Pie Chart

本文关键字：切片 选择 屏蔽 UI      更新时间：2023-09-26

我需要一个shield JavaScript饼状图，在一个页面上使用，其中一些切片是预选的。我研究了可用的资源，基本上找到了答案。然而，我进一步的意图是在用户单击饼图或另一个饼图切片后返回(或折叠回)预先选择的切片。下面是我的一些代码:

dataSeries: [{
seriesType:'pie',
collectionAlias:'Usage',
    data: [
        ['Category A', 44.2],
        ['Category B', 22.2],
        ['Category C', 20],
        {
collectionAlias:'Category C',
            y: 12.8,
            selected: true
        },
        ['Category D', 20],
        {
collectionAlias:  'Category D',
            y: 22.8,
            selected: true
        },
        ['Category E', 20],
        {
collectionAlias: 'Category E',
            y: 32.8,
            selected: true
        },
    ]
}]

我假设选择的属性可能是问题所在，并将其更改为slice:

dataSeries: [{
seriesType:             'pie',
collectionAlias:             'Usage',
    data: [
        ['Category A', 44.2],
        ['Category B', 22.2],
        ['Category C', 20],
        {
collectionAlias: 'Category C',
            y: 12.8,
            sliced: true
        },
        ['Category D', 20],
        {
collectionAlias: 'Category D',
            y: 22.8,
            sliced: true
        },
        ['Category E', 20],
        {
collectionAlias:'Category E',
            y: 32.8,
            sliced: true
        },
    ]
}]

然而，结果仍然是相同的。我可以将切片悬停——它们会改变颜色，但仅此而已。

从您的部分代码看来，我能想到的一个原因，特别是从结果行为判断，是您省略了enablePointSelection属性。您需要将其设置为true，类似于以下代码:

seriesSettings: {
  pie: {
       enablePointSelection: true,
       slicedOffset: 19
       }
 },

这样做的明显原因是，为了放回预先选择的切片，您需要能够选择另一个。

相关文章：