Question

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

如何使用fusionchart派呢？

2）当饼图没有值时，它显示没有数据显示消息，但我需要显示标题，看起来没有找到数据时它就不会出现。

如果没有数据显示，如何显示标题？

Answer 1

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

但是，你可以使用他们公开的API，可以实现这一点。请参阅此fiddle。

我在这里做的是，点击DataPlotClickEvent并覆盖最终影响饼图颜色的调色板颜色。但这有其自身的缺点，因为每次切片输出功能不再活跃时，图表会重新渲染。该图表使用新的调色板呈现其默认状态。

'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);
    }

}

对于仅显示带有标题的图表的第二个要求，我们可以将所有数据/设定值的图表渲染为＆＃39; 0＆＃39;。赞：

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

希望这会给你一个起点。：）

如何在fusionchart饼中突出显示所选切片？

1 个答案: