0

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

    ]
}]

然而结果还是一样。我可以将切片悬停——它们会改变颜色,但仅此而已。预选的仍然偏离中心。

4

1 回答 1

0

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

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

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

于 2014-03-28T11:51:11.180 回答