如何在 Fusionchart 饼图中突出显示选定的切片？

Question

1) 我有一个使用 fusionchart 实现的饼图，我的问题是当我点击切片时它应该突出显示。

如何使用 fusionchart 饼图做到这一点？

2) 当饼图没有值时显示没有数据显示消息，但我需要显示标题，当没有找到数据时它似乎没有出现。

没有数据显示时如何显示标题？

Answer 1

在 FusionCharts 中，饼图的活动状态通常由切入/切出状态表示。并且没有定义这样的属性来设置切出的饼图元素的颜色。但是它们具有设置悬停效果的属性（showHoverEffect）。

不过，你可以自己玩玩API，可以实现这个。请参考这个fiddle.

我在这里所做的是，点击 DataPlotClickEvent 并覆盖最终影响饼图颜色的调色板颜色。但这有其自身的缺点，因为图表是 re-rendered 每次 slice-in out 功能不再活跃。图表以默认状态呈现新调色板。

'dataplotclick': function(evtObj, argObj) {
    var chart = evtObj && evtObj.sender,
        hitIndex = argObj.index,
        rplceColr = highPaletteClrs[hitIndex],
        clrArr = paletteClrs.slice(0),
        clrStr;

    clrArr.splice(hitIndex, 1, rplceColr);
    clrStr = clrArr.join(',');

    if(chart) {
        chart.setChartAttribute('paletteColors', clrStr);
    }

}

对于仅显示带有标题的图表的第二个要求，我们可以呈现一个图表，其中所有数据/设置值为“0”。喜欢：

"data": [{
    "label": "Teenage",
    "value": "0"
}, {
    "label": "Adult",
    "value": "0"
}, {
    "label": "Mid-age",
    "value": "0"
}, {
    "label": "Senior",
    "value": "0"
}]

希望这能为您提供一个起点。 :)

如何在 Fusionchart 饼图中突出显示选定的切片？

How to highlight selected slice in fuisonchart pie?

fusioncharts