Question

我需要一个ShieldUI 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
        },

    ]
}]

我认为所选属性可能是问题并将其更改为切片：

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
        },

    ]
}]

但结果仍然相同。我可以悬停切片 - 它们会改变颜色，但仅此而已。预选的那些仍然偏离中心。

Answer 1

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

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

显而易见的原因是，为了放回预先选择的切片，您需要能够选择另一个切片。

预选多个Shield UI饼图切片

1 个答案: