预选多片 Shield UI 饼图答案

【问题标题】：Preselecting multiple slices of Shield UI Pie Chart预选多片 Shield UI 饼图
【发布时间】：2014-03-28 10:33:21
【问题描述】：

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

    ]
}]

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

【问题讨论】：

标签： javascript pie-chart shieldui

【解决方案1】：

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

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

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

【讨论】：